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本 书 通 过 20 个 经 典 案 例 和 8 个 综合 项 目 由 浅 入 深 、 往 序 渐进 地 讲解 了 
使 用 Flash CS6 进行 动画 创作 的 基本 方法 和 技巧 ， 才 盖 了 目前 Flash 动画 技 
术 的 各 种 典型 应 用 。 内 容 包 括 Flash 动画 制作 的 基本 原理 、 图 形 绘制 的 基 
本 技巧 、 动 画 制 作 的 基本 技术 、 声 音 和 视频 媒体 的 集成 应 用 、 脚 本 语言 的 
书写 技巧 、 元 件 和 小 镜 的 使 用 、 镜 头 的 使 用 、 场 景 的 切换 、 动 画 的 预 载 、 
游戏 的 设计 每 ， 守 括 了 从 入 门 到 精通 的 知识 点 和 相关 技巧 。 

本 书 适 合 高 校 多 巡 体 技术 专业 、 计 算 机 应 用 技术 专业 相关 师 生 ，Flash 
动画 从 业 人 员 和 平面 设计 爱好 者 阅读 。 
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Adobe Flash CS6 是 目前 非常 流行 的 一 款 平 面 动 画 制作 软件 ， 广泛 
应 用 于 网 络 广告 、 网 站 建设 、 交 互 游戏 、 动 画 短片 等 领域 。 本 书 通过 
20 个 经 典 案例 和 8 个 综合 项 目 由 浅 入 深 、 循 序 渐 进 地 讲解 了 使 用 
Flash CS6 制作 动画 的 基本 方法 和 相关 技巧 。 本 书 共 8 章 ， 具体 内容 
如 下 。 

第 1 章 主要 介绍 了 Flash CS6 的 入 门 基础 知识 。 通 过 案例 “小 船 的 航 
行 ” 介 绍 了 Flash 平面 动画 的 基本 制作 流程 、 文 档 属性 的 设置 和 图 层 的 基 
本 操作 等 相关 内 容 。 

第 2 草 主 要 介绍 了 Flash 中 图 形 绘制 的 相关 技术 。 通 过 案例 “ 鸡 宝 
宝 ” 卡 通 形象 绘制 “禁止 吸烟 ”标志 图 制作 、“ 一 枝 花 条 ”“ 尚 品 月 饼 ” 
网 页 广告 制作 ,介绍 了 椭圆 工具 、 馈 笔 工 具 、 颜 料 桶 工具 、 墨 水瓶 工具 、 
线条 工具 、 套 索 工 具 、 文 本 工具 等 基本 绘图 工具 的 使 用 。 最 后 通过 综合 项 
目 “ 开 心 六 一 ”电子 贺卡 的 制作 介绍 了 所 有 工具 的 综合 使 用 ， 以 及 设计 
面板 、Deco 工具 、 变 形 工 具 的 使 用 。 

第 3 章 主要 介绍 了 逐 帧 动画 制作 的 相关 技术 。 通 过 案例 “海尔 新 春 送 
大 礼 ” 商 业 广 告 ， 介 绍 了 制作 逐 帧 动画 的 基本 方法 和 导入 序列 网 像 的 方 
法 ; 通过 肥 例 制作 “小 能 走路 ”动漫 角色 ， 介 绍 了 卡通 动物 动作 绘制 技 
巧 和 编辑 多 个 帧 的 技巧 。 最 后 通过 综合 项 目 “ 光 影 逐 帆 动 画 ” 让 读者 掌 
握 逐 帧 动画 的 综合 应 用 。 

第 4 董 主 要 介绍 了 补 间 动 画 制 作 的 相关 技术 。 通 过 案例 “节约 用 水 ” 
公益 广告 ， 介 绍 了 制作 形状 补 间 动画 制作 的 步骤 通过 案例 “雏鸡 变 风 
凰 ”人 微 动画 介绍 了 形状 补 间 动 画 制作 过 程 中 形状 提示 点 的 设置 以 及 微 动 画 
的 制作 要 领 ; 通过 案例 “服务 三 农 ” 广 告 动画 ， 介 绍 了 制作 传统 补 间 动 
男 的 基本 方法 ， 以 及 元 件 和 实例 的 关系 ， 滤 镜 的 使 用 技巧 ; 通过 案例 
七夕 相 会 ”动画 ， 介 绍 了 补 间 动画 的 创建 方法 及 其 与 传统 补 间 动画 的 
区 别 。 

第 5 章 主要 介绍 了 引导 路 径 动画 和 抵 田 动画 制作 技术 。 通 过 案例 “ 刺 
璨 星空 ”, 介绍 了 引导 路 径 动 画 制 作 步 又 及 应 用 技巧 ， 通 过 案例 “Flash 动 
态 相 册 ”， 介 绍 了 制作 遮 时 动画 的 基本 方法 ; 通过 案例 “和 蛋糕 房 广告 ” 宣 
传动 画 ， 介 绍 了 遮 轩 与 引导 的 综合 应 用 技巧 。 最 后 通过 综合 项 目 “ 汽 车 
登场 广告 ”介绍 了 多 种 动画 技术 的 综合 应 用 技巧 。 
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第 6 草 主 要 介绍 了 Flash 集成 媒体 文件 的 功能 。 通 过 案例 “圣诞 之 
夜 ” 介 绍 了 在 Flash 动画 中 添加 背景 音乐 的 方法 及 其 音乐 文件 的 编辑 处 理 
技巧 ; 通过 条 例 “ 新 年 好 ”音乐 动画 介绍 了 歌词 和 音乐 同步 设置 技巧 ; 
通过 案例 “少林 免 与 武当 狗 ” 动 漫 短片 ， 介 绍 了 导入 视频 和 时 间 轴 函数 
控制 视频 的 回放 的 方法 。 

第 7 曹 主 要 介绍 了 Flash 脚本 语言 的 使 用 。 通 过 案例 “数学 诛 件 一 一 
找 空 际 ”， 介 绍 了 按钮 事件 处 理 孔 数 的 应 用 和 使 用 方法 ; 通过 案例 “通关 
密语 测试 ”， 介 绍 了 动态 文本 的 使 用 方法 和 条 件 语句 的 书写 方法 ; 通过 和 肥 
例 “ 识 图 游戏 ”， 介 绍 了 鼠标 拖 动 效 果 的 实现 方法 和 热 区 的 创建 方法 。 最 
后 通过 绽 合 项 目 “ 房 地 产 网 站 导航 ”案例 ， 介 绍 了 使 用 脚本 制作 交互 式 
网 站 的 基本 方法 。 

第 8 草 通 过 “ 融 校 网 站 开场 动画 ”、“《 小 燕子》Flash MTV”、“ 茶 园 
旅游 广告 "“、“《 魔 法 精灵 接 宝 物 》 网 页 游戏 ”4 个 典型 综合 项 目 介 绍 了 
Flash 知识 技能 的 综合 应 用 技巧 。 

本 书 采 用 “案例 驱动 ” 式 的 组 织 形 式 讲解 Flash 平面 动画 的 基本 知识 
和 技能 ， 每 个 案例 采取 “ 先 讲 案例 -再 从 和 条例 中 提炼 知识 技能 -最 终 通 过 实 
训练 习 应 用 知识 技能 ”的 思路 进行 编写 ， 召 循 “ 从 百 观 到 抽象 ”的 认 知 
规律 。 本 书 中 的 项 目 源 文件 、 配 套 视频 其 他 一 些 相 关 资 料 ， 均 可 通过 机 械 
工业 出 版 社 官方 网 站 (www. cmpbook. com) 中 的 “服务 中 心 ” 一 “资源 下 
载 ” 醒 块 下 载 。 

本 书 由 张 顺 利 ， 马 丽 娟 任 主编 ， 张 培 、 恩 亚 峰 任 副 主编 ， 参 加 本 书 编 
写 的 还 有 张 素 君 、 桨 云 娟 、 言 哲 、 芮 勇 。 在 本 书 的 编写 过 程 中 我 们 力求 精 
益 求 精 ， 但 难免 存在 一 些 不 足 之 处 ， 圾 请 广大 谈 者 批评 指正 。 
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动画 作为 一 种 老少 看 宜 的 艺术 形式 ， 具 有 悠久 的 
历史 ， 犹 如 民间 的 走马 灯 和 皮影 戏 等 古老 的 动画 形式 。 
当然 ， 真 正 意 义 的 动画 是 在 摄像 机 出 现 以 后 才 发 展 起 
来 的 ， 并 且 随 着 科学 技术 的 不 断 发 展 ， 又 注入 许多 新 
的 活力 。Flash 最 初 是 由 Mactromedia 公司 推出 的 交互 
式 舌 量 图 和 Web 动画 的 标准 ， 后 由 Adobe 公司 收购 。 
Flash CS6 是 集 二 维 动画 创作 与 应 用 程序 开发 于 一 身 的 
创作 软件 ， 它 以 网 络 流 式 媒体 技术 和 夭 量 技术 为 核心 ， 
制作 的 动画 具有 短小 精湛 、 交 互 性 强 的 特点 ， 被 广泛 
应 用 于 网 页 动画 的 设计 中 ， 是 当前 网 页 动画 设计 最 为 
流行 的 软件 之 一 。 


Flash 的 应 用 领域 
动画 的 基本 术语 
Flash CS6 的 操作 界面 
动画 制作 的 基本 步骤 
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i 
.1 Flash 动画 入 门 概 述 





Flash 动画 的 特点 


Flash 能 够 占据 网 络 多 媒体 的 重要 位 置 ， 最 重要 的 一 点 是 因为 它 以 网 络 流 式 媒体 技术 和 
矢量 技术 为 核心 。Flash 与 当今 最 流行 的 网 页 设计 工具 Dreamweaver 配合 默契 ，Flash 动画 被 
广泛 应 用 于 网 页 设计 、 网 页 广告 、 平 面 动画 制作 、 多 媒体 教学 、 小 游戏 设计 、 产 品 展示 和 电 
子 相册 等 诸多 领域 。 它 具有 文件 体积 小 ， 文 持 多 媒体 技术 ， 可 输出 多 种 文件 格式 ， 互 动 性 强 
等 特点 。 

Flash CS6 是 一 套 集 矢量 绘图 、 动 画 制作 、 互 动 设计 三 大 功能 于 一 体 的 网 页 动画 制作 
软件 。 作 为 网 络 动画 的 典型 应 用 形式 ，Flash 动画 技术 在 实际 操作 中 具有 许多 的 特色 与 
优势 。 

(1) 文件 体积 小 巧 

Flash 中 采用 了 和 天 量 图 形 ， 与 位 图 图 形 相 比 ， 具 有 压缩 不 失真 ， 所 需 存储 容量 小 等 特点 ， 
因此 制作 同样 动画 效 末 所 生成 的 文件 容量 要 小 得 多 ， 而 且 能 够 保持 很 好 的 图 形 质量 。 

(2) 文 持 多 媒体 技术 

Flash 能 把 文本 、 图 像 、 动 画 、 音 效 和 交互 方式 融 为 一 体 ， 多 媒体 技术 的 文 持 使 得 动画 
作品 的 视听 效 末 更 加 丰富 。 早 在 Flash CS 版 本 之 前 ， 束 已 文 持 MP3 音乐 格式 的 寻 入 与 编辑 ， 
从 而 提升 了 Flash 动画 的 娱乐 功能 。 

(3) 文 持 多 种 文件 格式 

Flash 文 持 多 种 文件 格式 的 导入 与 导出 ， 动 画 制作 者 可 以 导 和 图像、 视频 、 音 频 格式 的 
文件 ， 也 可 导出 网 页 中 常用 的 swf 动画 格式 。Flash CS6 版 本 中 ， 还 支持 输出 mov 视频 格式 ， 
输出 的 mov 格式 可 导入 FinalCutPro 非 线 性 训 辑 软件 中 i 完成 后 期 特效 处 理 和 剪辑 合成 工作 
增加 动画 作品 的 观 贫 度 

(4) 上 其 有 交互 性 优势 

Flash 动画 与 其 他 同类 软件 的 一 个 基本 区 别 就 是 具有 交互 功能 。Flash 动画 的 交互 性 能 
满足 用 户 与 动画 作品 交互 的 需求 ， 让 观众 成 为 动画 的 一 个 角色 ， 其 操作 过 程 成 为 动画 的 组 成 
部 分 。 其 交互 功能 的 实现 则 主要 依赖 于 其 内 置 的 ActionScript 脚本 语言 ， 通 过 脚本 描述 语言 
制作 者 可 以 制作 出 人 机 交互 的 动画 。 



































A 注意 : 网 络 流 式 媒体 技术 允许 用 户 在 动画 文件 全 部 下 载 完 之 前 播放 已 下 载 的 部 分 ， 
并 在 不 知 不 党 中 下 载 剩 余 的 动画 文件 ， 这 样 可 以 突破 网 络 市 宽 的 限制 ， 从 而 在 网 络 上 人 快 


速 地 播放 动画 ， 并 实现 动画 交互 。 基 于 矢量 图 形 的 动画 即使 随意 盎 放 其 人 寸 ， 也 不 会 影 
啊 图 像 的 质量 。 
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Flash 的 应 用 岛 域 


随 着 网 络 热潮 的 不 断 掀起 ，Flash 动画 软件 版 本 也 开始 逐渐 升级 。 强 大 的 动画 制作 功能 
深 受 用 户 的 喜爱 ， 从 而 使 得 Flash 动画 的 应 用 范围 越 来 越 广泛 ， 其 主要 体现 在 以 下 几 个 
领域 。 

1. 网 络 广告 

网 络 广告 主要 体现 在 宣传 网 站 、 企 业 和 商品 等 方面 。 用 Flash 制作 出 来 的 广告 ， 要 求 主 
题 色 调 要 鲜明 、 文 字 要 简洁 ， 较 美观 的 广告 能 够 增添 网 站 的 可 看 性 ， 并 且 容 易 引 起 客户 的 注 
意 力 而 不 影响 其 需求 ， 如 岁 1.1 所 示 。 














三 星 MP3 MP4 


想象 无 线 自由 (| 用》 )】 想象 无 线 自由 
蓝牙 MP4 T9 z 0 川 ( 蓝牙 MP4 T9 





三 星 MP3 MP4 


1.1 网 络 广告 动画 


2. 网 站 建设 

Flash 网 站 的 优势 在 于 其 良好 的 交互 性 ， 能 给 用 户 带 来 全 新 的 互动 体验 和 视觉 亭 受 。 通 
常 ， 很 多 网 站 都 会 引入 Flash 元 素 ， 以 增加 页 面 的 美观 性 来 提高 网 站 的 宣传 效果 ， 比 如 网 站 
中 的 导航 菜单 、Banner、 产 品 展示 、 引 导 页 等 。 有 时 也 会 通过 Flash 来 制作 整个 网 站 ， 如 
图 1. 2 所 示 。 











1.2 Flash 网 站 


3. 交互 游戏 
Flash 交互 游戏 ， 其 本 里 的 内 容 人 允许 浏览 者 进行 直接 参与 ， 并 提供 互动 的 条 件 。Flash 游 
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了) 戏 多 种 多 样 ， 主 要 包括 棋牌 类 、 冒 险 类 、 守 上 略 类 和 益 稼 类 等 多 种 类 型 。 图 1. 3 中 展示 的 是 一 
个 空中 接 人 的 Flash 交互 洲 戏 ， 它 就 是 通过 键盘 上 的 空格 键 来 控制 的 。 





1.3 Flash 交互 性 游戏 


4. 动画 短片 

MTV 是 动画 短片 的 一 种 类 型 ， 用 美妙 的 歌曲 配 以 精美 的 画面 ， 将 其 变 为 视觉 和 听觉 相 
结合 的 一 种 轨 新 的 艺术 形式 。 制 作 Flash MTV ， 要 求 开 发 人 员 有 一 定 的 绘画 技巧 ， 以 及 丰富 
的 想象 力 ， 如 图 1.4 所 示 。 











1.4 Flash MTV 


S. 教学 课件 

教学 课件 是 在 计算 机 上 运行 的 教学 辅助 软件 ， 是 集 图 、 文 、 声 为 一 体 ， 通 过 直观 生 
动 的 形象 来 提高 诬告 教学 效率 的 一 种 辅助 手段 。 而 Flash 恰恰 满足 了 制作 教学 课件 的 需 
求 。 图 1.5 展示 了 一 个 中 学 数学 的 Flash 课件 ， 通 过 单 击 导航 按钮 可 控制 课件 的 播放 
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请 将 凋 适 的 筷 量 给 动 到 在 过 相关 的 格子 肉 ! 


IT 





1.5 Flash 教学 课件 


1 2 有 EREEGsi 和 


A Flash CS6 工作 界面 介绍 


与 Flash CS5 相 比 ，Flash CS6 的 工作 区 并 没有 特别 大 的 变化 ，Flash CS6 的 工作 区 进行 了 
许多 改进 ， 图 像 处 理 区 域 更 加 开阔 ， 文 档 的 切换 也 变 得 更 加 快捷 ， 这 些 改进 提供 了 更 加 方便 
的 工作 环境 。 下 面具 体 介 绍 Flash CS6 的 工作 界面 。 

1. Flash CS6 的 起 始 页 

执行 “开始 ”一 程序 ”一 “Adobe Flash Professional CS6” 荣 单 命令 ， 或 者 双击 昌 面 上 的 


[Fi 图 标 ， 打 开 Adobe Flash Professional CS6 的 起 始 页 ， 如 图 1.6 所 示 。 


2. Flash CS6 动画 制作 的 主页 面 

执行 “新 建 " 一 ActionScript 3.0 (Flash 文件 )” 菜 单 命 令 ， 即 可 进入 Flash CS6 动画 制 
作 的 主页 面 ， 如 图 1.7 所 示 。Flash CS6 的 动画 制作 主页 面 可 分 为 工具 箱 、 文 档 选 项 卡 、 时 
间 轴 、 舞 台 、 属 性 面板 、 颜 色 面 板 等 几 个 区 域 。 它 们 的 功能 介绍 如 下 。 

1) 工具 箱 。 工 具 箱 中 提供 了 Flash 中 所 有 的 操作 工具 。 如 图 1.8 所 示 ， 工 具 箱 从 上 
到 下 可 以 分 为 “编辑 工具 ”、“ 绘 图 工具 ”、“ 查 看 工具 ”、 “颜色 工具 ”和 “选项 ”五 个 
区 域 。“ 编 辑 工具 ”提供 了 编辑 图 形 形 状 所 用 的 各 种 工具 ; “绘图 工具 ”提供 了 绘制 图 形 
形状 所 用 的 各 种 工具 ;“ 查 看 工具 ”用 于 移动 和 缩放 舞台 ; “颜色 工具 ”用 于 设置 颜色 的 
笔触 颜色 和 填充 颜色 ; “选项 ”用 于 设置 所 选 工 具 的 一 些 属 性 ， 属 性 随 工 具 的 不 同 而 
不 同 。 
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编辑 工具 





绘图 工具 
vd | 颜色 工具 


以 国 











查看 工具 
| | 分 国富 
网 :x*( 选项 


图 1.8 工具 箱 


2) 时 间 轴 。 时 间 轴 用 于 组 织 和 控制 文档 内 容 在 一 定时 间 内 播放 的 图 层 数 和 帧 数 。 与 胶 
片 一 样 ，Flash 文件 也 将 时 长 分 为 帧 。 图 层 就 像 是 堆 秋 在 一 起 的 多 张 幻 灯 片 ， 每 个 图 层 都 包 
含 一 个 显示 在 舞台 中 的 不 同 图 像 。 时 间 轴 面板 分 为 图 情 、 时 间 帧 、 播 放 头 三 部 分 ， 如 图 1.9 


所 未。 








江 殉 





帧 频 ”当前 帧 的 


当前 当前 由 
帧 数 运行 时 间 


图 1.9 时 间 轴 面板 


文档 中 的 图 层 在 “时 间 轴 ”面板 左 侧 ， 每 个 图 层 中 包含 的 帧 显示 在 该 图 层 名 右 侧 的 一 
行 中 。“ 时 间 轴 ”面板 顶部 的 时 间 轴 标题 指示 帧 编号 ， 播 放 头 指示 当前 在 舞台 中 显示 的 帧 。 


播放 Flash 文件 时 ， 播 放 头 从 左 回 右 通过 时 间 轴 。 


时 间 轴 状态 显示 在 “时 间 轴 ”面板 的 展 部 ， 可 以 显示 帧 频 、 当 前 帧 数 ， 以 及 到 当前 帧 


为 止 的 运行 时 间 。 


图 层 就 像 透 明 的 纸张 一 样 ， 在 舞台 上 -一 层 层 地 向 上 释 加 。 图 层 用 以 帮助 用 户 组 织 文档 中 
的 对 象 ， 用 户 可 以 在 图 层 上 绘制 和 编辑 对 象 ， 而 不 会 影响 其 他 图 层 上 的 对 象 。 如 果 一 个 图 层 


上 没有 内 容 ， 那 么 就 可 以 透 过 它 看 到 下 面 的 图 层 。 
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WE 3) 舞台 。 舞 台 是 用 户 在 创建 Flash 文件 时 放置 图 形 内 容 的 区 域 ， 在 这 里 可 以 直接 绘图 ， 
或 者 导入 外 部 图 形 、 视 频 文 件 进行 编辑 ， 再 把 各 个 独立 的 帧 合成 在 一 起 ， 生 成 动画 作品 。 
4)“ 属 性 ”面板 。 该 面板 用 于 设置 或 者 查看 舞台 或 时 间 轴 上 当前 选 定 项 的 常用 属性 ， 
用 户 可 以 在 “属性 ”面板 中 更 改 对 象 或 文档 的 属性 ， 而 不 必 访 问 用 于 控制 这 些 属性 的 荣 单 
或 者 面板 。 根 据 当 前 选 定 的 内 容 , “属性 ”面板 可 以 显示 当前 文档 、 文 本 、 元 件 、 形 状 、 位 
图 、 视 频 、 组 、 帧 或 工具 的 信息 一 并 进行 设置 。 图 1. 10 所 示 为 不 同 对 象 的 “属性 ”面板 。 
当选 定 了 两 个 或 多 个 不 同类 型 的 对 象 时 ,“ 属 性 ”面板 会 显示 选 定 对 象 的 总 数 。 
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图 1.10 不 同 对 象 的 “属性 ”面板 


5)“ 颜 色 ” 面 板 。 该 面板 用 于 设置 图 形 的 填充 颜色 或 者 线条 颜色 ， 如 图 1. 11 所 示 。 它 
包括 “样本 ”和 “颜色 ”两 个 选项 卡 。 在 “颜色 ”面板 中 用 户 可 以 调制 图 形 的 颜色 ， 而 
“样本 ”面板 可 以 为 图 形 选 择 系统 提供 的 颜色 。 


| 光村 一 一 








图 1.11 “颜色 ”面板 
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6)“ 文 档 选 项 卡 ”面板 。“ 文 档 选 项 卡 ” 面 板 上 显示 的 是 当前 用 户 打 开 的 所 有 Flash 文 
件 ， 文档 选项 卡 可 以 帮助 用 户 在 各 个 文档 之 间 快 速 切 换 ， 如 图 1. 12 所 示 。 


一 曾 场 明 1 


图 1.12 文档 选项 卡 





除了 以 上 介绍 的 几 个 面板 之 外 ，Flash 中 第 用 的 面板 还 有 “动作 ”面板 、“ 对 齐 ” 面 板 、 
“信息 ”面板 、“ 库 ”面板 等 ， 这些 面板 的 使 用 将 在 本 书后 面具 体 的 案例 中 讲解 。 





技巧 : 可 以 按 组 合 键 【Ctrll+“ +”】 放 大 姓 台 ， 组 合 键 【Ctrl + -”】 缩 小 三 台 。 
Ss 


按 【F4】 键 可 关闭 不 同 的 窗口 ， 按 组 合 键 【Ctrl + F2】 可 打开 工具 箱 ， 按 组 合 键 
【Alt + Shift +F9】 可 打开 “颜色 ”面板 。 





Flash 动画 的 基本 术语 





在 开始 学 习 Flash 之 前 ， 首 先 需要 对 Flash 动画 的 基本 术语 有 所 了 解 ， 这 样 在 学 习 Flash 
制作 的 过 程 中 ， 才 能 够 更 容易 理解 。 

1. 动画 和 帧 

动画 是 利用 人 的 视觉 暂 留 特性 ， 连 续 播放 一 系列 画面 ， 给 视觉 造成 连续 变化 的 图 画 ， 如 
图 1. 13 所 示 。 它 的 基本 原理 与 电影 、 电 视 一 样 ， 都 是 视觉 原理 。 每 一 幅 图 片 为 一 帧 ， 播 放 
图 片 的 速度 用 每 秒 多 少 帧 来 度量 ， 称 为 帧 频 。 














图 1.13 连续 的 画面 
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2. 场景 和 和 舞台 

在 Flash 中 ,“ 场 景 ” 可 以 看 作 是 舞台 的 容 右 ， 构 成 Flash 动画 的 所 有 元 系 都 被 包含 在 场 
景 中 。 场景 在 Flash 动画 中 是 不 可 缺少 的 ， 一 个 场景 是 一 个 相对 独立 的 动画 。 一 个 Flash 动 
画 至 少 由 一 个 场景 组 成 ， 也 可 以 由 多 个 场景 组 成 。 

人 台 是 用 户 编 辑 场景 和 编辑 动画 内 容 的 地 方 。 切 换 场 景 后 舞台 中 显示 的 就 是 对 应 场景 的 

内 容 。 如 果 新 建 一 个 文件 ， 那 个 白色 的 部 分 就 是 舞台 。 最 终 成 品 只 有 在 舞台 上 出 现 的 部 分 才 
能 看 到 。 

3. 元 件 和 元 件 “ 库 ” 

元 件 是 Flash 动画 制作 中 极其 重要 并 且 经 浓 用 到 的 概念 ， 它 是 指 在 影片 中 可 以 重复 使 
用 的 元 素 ， 可 以 由 图 形 、 按 钮 、 影 片 筋 辑 、 声 音 、 文 字 等 组 成 。“ 库 ”是 存放 元 件 的 地 
方 ， 一 个 Flash 文件 对 应 一 个 “ 库 ” 。 制 作 动画 时 创作 的 元 件 都 放 在 “ 库 ” 中 ， 将 需要 使 
用 该 元 件 时 ， 只 需 将 其 拖 忠 到 合适 的 位 置 即 可 。 善 于 使 用 元 件 ， 可 以 提高 Flash 动画 制作 
的 效率 。 

4. 逐 帧 动画 与 补 间 动 画 

Flash 动画 主要 有 两 种 方式 ， 即 逐 帧 动画 与 补 间 动画 。 

逐 帧 动画 是 最 基本 的 动画 形式 。 它 最 适合 于 每 一 帧 中 的 图 像 都 在 更 改 ， 而 并 非 仪 仅 简 单 
地 在 舞台 中 移动 的 动画 ， 逐 帧 动画 就 是 对 每 一 帧 的 内 容 逐 个 编辑 ， 然 后 按 一 定 的 时 间 顺 序 进 
行 播放 而 形成 的 动画 ， 如 图 1. 14 所 示 。 制 作 逐 帧 动画 的 工作 量 比 较 大 ， 但 能 够 较 通 真 地 表 
达 出 一 些 动画 效果 。 





























图 1.14 逐 帧 动画 


补 间 动 画 是 一 个 帧 到 为 一 个 帧 之 间 对 象 变 化 的 一 个 过 程 。 在 创建 补 间 动 画 时 ， 可 以 在 不 
同 关 键 帆 的 位 置 设置 对 象 的 属性 ， 如 位 置 、 大 小 、 颜 色 、 和 角度 、Alpha 透明 度 等 。 编 辑 锌 间 
动画 后 ，Flash 将 会 目 动 计算 这 两 个 关键 帧 之 间 属 性 的 变化 从 ， 并 改变 对 象 的 外 观 效果 ， 使 
其 形成 连续 运动 或 变形 的 动画 效果 ， 如 图 1. 15 所 示 。 补 间 动 画 是 由 制作 者 制作 出 两 个 内 容 
不 同 的 关键 帧 ， 中 间 的 过 渡 帧 由 Flash 系统 日 动 完成 。 补 间 动 画 根 据 其 变化 的 形式 不 同 ， 分 
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为 动作 补 间 动画 和 形状 补 间 动 画 。 





| 向 吓 曙 [ 和 20ps 46s 园 | 








1.15 补 间 动画 


A Flash 平面 动画 的 基本 制作 流程 


制作 一 个 Flash 动画 的 流程 就 好 比 拍 一 部 电影 ， 其 基本 流程 大 致 可 以 分 为 前 期 策划 、 动 
画 流 程 设 置 、 分 镜头 、 动 画 制 作 、 后 期 处 理 和 发 布 动 画 6 个 步骤 。 

1. 前 期 策划 

在 前 期 策划 中 ， 一 般 需 要 明确 该 Flash 动画 的 目的 、 表 现 方 式 、 动 画 制作 规划 以 及 组 织 
制作 的 团队 。 通 第 ， 一 些 大 型 的 商业 Flash 动画 ， 都 会 有 一 个 严谨 的 前 期 策划 ， 以 明确 该 动 
画 项 目的 目的 和 一 些 具体 的 要 求 ， 以 方便 动画 制作 人 员 顺 利 地 开展 工作 。 

2. 动画 流程 设置 

完成 了 前 期 策划 后 ， 设 计 者 就 需要 考虑 整个 Flash 动画 的 流程 设置 ， 即 先 出 现 什 么 、 接 
着 出 现 什么 、 最 后 出 现 什 么 。 如 果 是 Flash 动 国 短 请 ， 则 还 需要 考虑 剧情 的 设置 和 发 展 ， 与 
出 动画 的 故事 脚本 ， 一 个 好 的 故事 脚本 对 于 Flash 动画 来 说 是 非 浓 重要 的 。 

3. 分 镜头 

确定 了 动画 制作 的 流程 或 者 是 剧情 的 发 展 ， 就 可 以 进行 分 镜头 的 设计 工作 了 。 分 镜头 是 
影 刻 计 划 的 蓝图 ， 也 是 有 影片 最 初 的 视觉 形象 。 将 相应 的 场景 先 设计 出 来 ， 可 以 通过 在 Flash 
中 绘制 的 方式 ， 也 可 以 通过 在 其 他 软件 中 绘制 好 再 导入 到 Flash 中 进行 使 用 。 

4. 动画 制作 

Flash 动画 制作 阶段 是 最 重要 的 一 个 阶段 ， 也 是 本 书 介 绍 的 重点 。 这 个 阶段 的 主要 任务 
是 用 Flash 将 各 个 动画 场景 制作 成 动画 ， 其 具体 的 操作 步骤 可 以 细 分 为 录制 声音 、 建 立 和 设 
置 影 放 文件 、 输 入 线 稿 、 上 和 色 以 及 动画 编排 等 。 

S$. 后 期 处 理 

后 期 处 理 部 分 要 完成 的 任务 是 ， 为 动画 添加 特效 、 合 成 并 诬 加 音效 。 

6. 发 布 动画 

发 布 是 Flash 动画 创作 特有 的 步骤 。 因 为 目前 Flash 动画 主要 用 于 网 络 ， 因 此 有 必要 对 
其 进行 优化 ， 以 便 减 小 文件 的 体积 、 优 化 运行 效率 。 
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1.3 "小 船 的 航行 ″” 案例 


【 案例 概述 】 


本 案例 为 “小 船 的 航行 "。 动 画 中 的 
小 船 会 从 左边 癌 前 航行 一 直到 最 右边 。 通 
过 本 案例 的 和 学习， 谈 者 可 以 营 握 使 用 Flash 
制作 动画 的 基本 理念 和 思路 ， 其 效果 图 如 


图 1. 16 所 示 。 -i 
【 实现 过 程 】 ee 
1. 设置 “文档 属性 ” 


启动 Adobe Flash CS6 后 ， 新 建 一 个 文 
档 。 执 行 “ 窗 口 " 一 “属性 ”命令 ， 打 开 文 
档 的 属性 窗口 ， 如 图 1.17 所 示 。 用 鼠标 图 1.16 “小 船 的 航行 ”效果 图 
双击 舞台 属性 后 面 的 色 块 ， 设 置 舞 台 背 景 
颜色 为 “#03B2EB”， 
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二 像素 








图 1.17 文档 属性 设置 
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2. 绘制 元 件 i 
ER 执行 “插入 "一 ”新建 元 件 ” 沫 单 命令 ， 打 开 “ 创 建新 元 件 ” 对 话 框 ， 如 图 1. 18 
所 示 ， 设 置 新 元 件 的 名 称 为 “ 云 末 ”， 类 型 为 “图 形 ”， 然 后 单 击 “ 确 定 ”按钮 。 








人 


局 级 > 





图 1.18 “创建 新 元 件 ” 对话 框 





pe 单 击 “工具 箱 ” 中 的 “椭圆 工具 ”按钮 ， 然 后 修改 工具 箱 中 “笔触 颜色 ”为 
无 ”， 填 充 颜 色 为 人 在 舞台 上 绘制 出 多 个 相连 的 椭圆 ， 如 图 1. 19 所 示 。 
3. 绘制 元 件 “ 小 船 ” 
ES 执行 “插入 ” Sn 菜单 命令 ， 新 建 图形 元 件 “ 小 船 ”。 
ES 单 击 “工具 箱 ” 中 的 “线条 工具 ”按钮 ， 然 后 修改 工具 箱 中 “笔触 颜色 ”为 “ 黑 
色 ”， 在 舞台 上 绘制 出 小 船 的 基本 轮廓 ， 效 有 果 如 图 1. 20 所 示 。 








图 1.19 “ 云 末 ”效果 图 图 1.20 “小 船 ” 基 本 轮廓 





ES》 单 击 “工具 箱 ” 中 的 “ 椭 病 工具 ”按钮 ， 然 后 修改 工具 箱 中 “笔触 颜色 ”为 “ 黑 
色 ”， 填 充 磊 色 为 “无 "， 在 小 船 的 中 间 添 加 三 个 圆圈 ， 其 效果 如 图 1. 21 所 示 。 
EW?B> 设置 “工具 箱 ” 中 的 “填充 闫 色 ”， 单 击 工 具 箱 中 “颜料 桶 工具 ”按钮 ， 为 小 船 
填充 颜色 ， 其 效果 如 网 1. 22 所 示 。 

4. 绘制 大 海 
ED 葬 ” 用 鼠标 单 击 文档 选项 卡 下 面 的 “场景 ”按钮 ， 回 到 主场 景 。 单 击 工具 箱 中 的 “和 珑 
形 工 具 ” 按 钮 ， 设 置 笔 触 颜色 为 “无 ”， 填 充 颜 色 为 “#0184CC”， 在 舞台 的 中 下 部 分 画 一 
个 矩形 ， 如 图 1. 23 所 示 。 单 击 工具 箱 中 的 “选择 工具 ”按钮 ， 选 中 该 窍 形 ， 打 开 其 属性 窗 
口 ， 如 图 1. 24 所 示 ， 修 改 其 属性 窗口 中 位 置 大 小 X 为 “0”， 宽 为 “550”。 
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图 1.21 “小 船 ” 最 终 轮 廓 图 图 1.22 小船 最 终 效果 图 








图 1.23 绘制 大 海 图 1.24 “大 海 ” 属 性 设置 窗口 


ST7B> 鼠标 双击 时 间 轴 上 的 “图 层 1”， 将 其 重 命名 为 “大 海 *"， 并 单 击 “ 锁 定 ”按钮 将 
图 层 锁定 ， 如 图 1. 25 所 示 。 


a La 





图 1.25 “大 海 ” 图 层 设置 





5. 制作 动画 
EDP 新 建 图 层 并 重合 名 为 “ 云 打 ”， 打 开 “ 库 ”面板 ， 拖 动 元 件 “ 云 条 ”到 舞台 上 ， 
将 其 移动 到 合适 的 位 置 ; 再 一 次 拖 动 元 件 “ 云 休 ”到 舞台 上 ， 并 放置 到 合适 的 位 置 。 这 时 
舞台 上 出 现 两 打 云 彩 ， 使 用 “变形 工具 ”调整 它们 的 大 小 ， 其 效果 如 图 1. 26 所 示 。 
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图 1.26 放置 云 末 到 舞台 上 的 效果 


ES 新 建 图 层 并 重 命名 为 “小 船 ”"。 打 开 “ 库 ”面板 ， 拖 动 元 件 “ 小 船 ” 到 舞台 上 。 
单 击 “ 小 船 ” 图 层 的 100 帧 ， 单 击 鼠 标 右键 ， 在 弹出 菜单 中 选择 “ 搬 人 关键 帧 ”， 并 移动 
“小 船 ”到 舞台 的 最 右边 。 用 鼠标 右键 单 击 “ 小 船 ” 图 层 中 1 ~ 100 帧 中 间 的 任意 帧 ， 在 弹 
出 菜单 中 选择 “创建 传统 补 间 ”。 

ES 用 鼠标 右键 单 击 “ 大 海 ” 网 层 的 第 100 帧 ， 在 弹出 的 菜单 中 选择 “搬入 帧 ”， 搬 人 
普通 帧 ; 在 “ 云 打 ”图 层 的 第 100 帧 处 也 插入 普通 帧 。 时 间 轴 的 具体 设置 如 图 1. 27 所 示 。 


台 二 口 ! 5 好 站 20 站 3 35 和 和 5 0 5 好 姑 7 加 0 75 有 妈 5 0 师 








图 1.27 时 间 轴 的 具体 设置 


. 测试 、 发 布 影片 
Wy 执行 “文件 ”一 “保存 ”有 某 单 命令 ， 弹 出 保存 文件 对 话 框 ， 在 文件 名 处 输入 “小 船 
的 航行 "， 单 击 “ 保 存 ” 按 钮 将 文件 保存 。 注 意 此 时 保存 的 为 扩展 名 为 . fla 的 动画 源 文件 。 
EP 动画 完成 后 ， 可 按 【 Enter】 键 测试 动画 在 时 间 轴 上 的 播放 效果 。 执 行 “控制 ”一 “ 测 
试 场景 ” 沫 单 命 令 ， 即 可 打开 Flash Player 播放 测试 影片 ， 小 船 就 会 从 舞台 的 左边 行驶 到 右边 。 
ER 执行 “文件 ”一 “测试 场景 ”菜单 命令 ， 即 可 在 源 文件 所 在 的 位 置 生成 扩展 名 为 
. swf 和 . html 的 影片 文件 。 


【技术 讲解 ) 


-EE 沁 | 文档 属性 的 设置 


新 建 一 个 Flash 文档 后 ， 可 利用 “属性 ”面板 设置 动画 的 尺寸 大 小 、 帧 频 、 背 景 颜色 等 
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属性 。 执 行 “ 窗 口 " 一 “属性 ” 半 单 命令 ， 打开 如 图 1. 28 所 示 的 文档 属性 窗口 。 文 档 属性 面 


16 
板 主要 由 “发 布 属性 ”"、“ 文 档 基本 属性 ”两 部 分 组 成 。 








图 1.28 “文档 设置 ”属性 窗口 


1. 发 布 属性 设置 

单 击 图 1.28 中 的 “发 布设 置 …” 按 钮 ， 即 可 打开 图 1. 29 所 示 的 “发 布设 置 ”窗口 。 
图 中 左边 列表 中 列 出 的 是 Flash 可 以 发 布 的 所 有 文件 类 型 ， 用 户 可 以 根据 日 己 的 需要 选择 文 
件 的 发 布 、 输 出 类 型 。 “目标 ”后 面 的 下 拉 列 表 可 以 选择 播放 Flash 文件 的 嫁 体 播放 希 ;“ 脚 
本 ”列表 框 可 以 选择 脚本 语言 的 版 本 及 更 高 级 的 设置 (将 在 第 7 章 进 行 介 绍 ) ;“ 输 出 文件 ” 
文本 框 中 可 以 修改 输出 文件 的 名 称 。 





图 1.29 “发 布设 置 ” 窗 口 
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2. 文档 基本 属性 设置 
在 图 1.28 中 的 基本 属性 设置 区 域内 可 以 设置 文档 尺寸 的 大 小 ， 播 放 影 片 的 速度 ( 帧 频 
即 FPS) ， 单 位 为 每 秒 多 少 帧 ， 以 及 舞台 的 背景 颜色 。 


> 怖 的 类 型 


在 Flash 制作 过 程 中 ， 使 用 帧 来 组 织 和 控制 文档 的 内 容 。 不 同 的 帧 对 应 不 同 的 时 刻 ， 画 
面 随 春 时 间 的 推移 逐个 出 现 ， 从 而 形成 动画 。 帧 是 构成 Flash 动画 的 基本 组 成 单位 ， 它 们 控 
制 着 动画 的 时 间 和 动画 中 各 种 动作 的 发 生 。 动 画 中 帧 的 数量 及 播放 速度 决定 了 动画 的 长 度 。 
帧 分 为 关键 帧 、 空 白 关 键 帧 和 普通 帧 。 

1. 关键 帧 

制作 动画 过 程 中 ， 在 某 一 时 刻 需 要 定义 对 象 的 某 种 新 状态 ， 这 个 时 刻 所 对 应 的 帧 称 为 关 
键 帧 ， 如 图 1. 30 所 示 。 关 键 帧 是 变化 的 关键 点 ， 如 补 间 动 画 的 起 点 和 终点 ， 了 逐 帧 动画 中 的 
每 一 帧 ， 都 是 关键 帧 。 关 键 帧 数目 越 多 ， 文 件 体 积 就 越 大 。 所 以 同样 内 容 的 动画 ， 逐 帧 动画 
的 体积 比 补 间 动 画 大 得 多 。 关 键 帧 在 时 间 轴 中 以 黑色 实心 小 圆 点 表示 ， 按 【F6】 键 可 以 快 
速 创 建 关 键 帧 。 














2. 空白 关键 帧 
空白 关键 帧 主要 用 于 在 画面 和 画面 之 间 形 成 间隔 ， 它 是 没有 添加 任何 内 容 的 关键 帧 ， 空 








白 关 键 帧 在 时 间 轴 上 用 空心 的 小 圆圈 表示 ， 一 旦 在 空白 关键 帧 中 创建 了 内 容 ， 它 就 会 变 成 黑 
色 小 圆 点 ， 成 为 关键 帧 。 按 下 【了 7 】 键 可 以 创建 空白 关键 帧 。 

3. 普通 帧 

普通 帧 用 于 显示 同一 层 上 前 一 个 关键 帆 的 内 容 ， 并 截止 到 下 一 个 关键 帆 。 它 起 着 延长 内 
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容 显示 的 作用 ， 如 图 1. 30 所 示 在 时 间 轴 上 普通 帧 以 灰色 表示 ， 每 一 小 格 束 是 一 帧 。 
普通 帧 也 称 为 静态 帧 ， 在 时 间 轴 中 显示 为 一 个 个 矩形 单元 格 。 无 内 容 的 普通 帆 显 示 为 空 
日 单元 格 ， 有 内 容 的 普通 帧 显示 出 一 定 的 颜色。 关键 帧 后 面 的 普通 帧 将 继承 该 天 键 帧 的 内 容 。 
例如 ， 制 作 动 画 痛 景 就 是 将 一 个 含有 背景 图 案 的 关键 帧 的 内 容 沿 用 到 后 面 的 帧 上 。 选 中 帧 按 
【T5】 键 可 创建 普通 帧 。 如 图 1. 31 所 示 ， 背 景 “ 人 花 从 ”可 以 通过 普通 帧 来 延续 到 第 25 帧 。 














A 图 层 的 基本 操作 


图 层 是 Flash 中 一 个 非常 重要 的 概念 ， 灵 活 运 用 图 层 ， 可 以 帮助 用 户 制作 出 更 多 精彩 效 
果 的 动画 。 图 层 类 似 于 一 张 透明 的 薄 纸 ， 每 张 纸 上 绘制 着 一 些 图 形 或 文字 ， 而 一 幅 作 品 就 是 
由 许多 张 这 样 的 注 纸 释 合 在 一 起 形成 的 。 它 可 以 帮助 用 户 组 织 文档 中 的 插图 ， 可 以 在 图 层 上 
绘制 和 编辑 对 象 ， 而 不 会 影响 其 他 图 层 上 的 对 和 象 。 图 1. 32 所 示 有 4 个 图 层 ， 每 一 个 图 层 上 
都 有 一 幅 图 ， 每 一 个 图 层 的 内 容 互 不 影响 。 下 面 介绍 图 层 的 一 些 基本 操作 。 

1. 新 建 和 删除 图 层 、 重 命名 图 层 

(1) 创建 图 层 

如 图 1. 33 所 示 可 以 通过 单 击 按钮 “新 建 图 层 ” 创 建新 图 层 ， 系 统 会 在 一 个 图 层 的 上 面 
新 建 一 个 图 层 ; 也 可 以 使 用 菜单 “插入 ”一 “时 间 轴 ”一 “图 层 ” 命 令 来 插入 一 个 新 图 层 。 

(2) 删除 图 层 

如 图 1. 33 所 示 可 以 通过 单 击 按钮 “删除 图 层 ” 删 除 选 中 的 图 层 ， 也 可 以 选中 需要 删除 
的 图 层 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 沫 单 中 选择 “删除 图 层 ” 命 令 。 

(3) 重 命名 网 层 

在 时 间 轴 的 图 层 区 域 中 直接 双击 要 重 命名 的 图 层 ,， 使 其 进入 编辑 状态 ， 在 文本 框 中 输入 
新 的 名 称 ， 单 击 其 他 图 层 或 按 【 Enter】 键 确认 即 可 。 
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1.32 图 层 的 含义 








新 建 图 层 删除 图 层 


图 1.33 图 层 的 基本 操作 


2. 隐藏 、 显 示 和 锁定 、 解 锁 图 层 、 显 示 图 形 轮廓 

(1) 隐藏 和 显示 图 层 

如 图 1.33 所 示 ， 单 击 图 层 区 “眼睛 图 标 ” 下 方 的 小 黑 点 图 标 ， 当 小 黑 点 图 标 变 为 
“ x” 图标 时 ， 图 层 隐藏 ， 此 时 不 能 对 图 层 进 行 编辑 ， 单 击 图 标 “ x”， 图 标 又 变 为 小 黑 点 
图 标 ， 图 层 显 示 。 

(2) 锁定 、 解 锁 图 层 

如 图 1. 33 所 示 ， 单 击 日 图 标 下 方 的 小 黑 点 图 标 ， 小 黑 点 图 标 变 为 昌 岁 标 ， 表 示 该 图 层 处 
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二 于 锁定 状态 ;再 次 单 击 岛 图 标 ， 变 回 小 黑 点 图 标 ， 表 示 锁 定 解除 。 
(3) 显示 图 形 轮廓 
如 图 1. 33 所 示 ， 单 击 图 标 “ 显 示 图 形 轮 廓 ”下方 的 有 人 色 方 框图 标 ， 该 图 层 的 图 形 将 显 
示 为 图 形 轮廓 ;再 次 单 击 该 图 标 ， 恢 复 到 最 初 的 模样 。 












在 Flash 动画 制作 的 第 一 步 ， 就 是 创作 动画 形象 。 
生动 活泼 、 色 彩 鲜 明 的 动画 形象 是 一 个 动画 成 功 的 必 
要 条 件 。Flash CS6 提供 了 强大 的 绘图 功能 ,创作 者 可 
以 使 用 其 自 带 的 工具 轻松 地 绘制 出 所 需要 的 动画 形 
象 。 本 章 将 主要 介绍 Flash CS6 中 各 种 矢量 图 形 绘 制 工 
具 的 使 用 ， 熟 练 掌握 这 些 工具 的 使 用 技巧 ， 可 快速 地 
绘制 出 更 多 绚丽 多 姿 的 矢量 图 形 。 


基本 绘图 工具 的 使 用 
图 形 的 排列 与 组 合 
位 图 图 像 的 导入 与 处 理 


2 


入 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 





2. 1 EEE 


A 图 形 绘制 概述 


在 Flash 动画 制作 过 程 中 ,会 大 量 地 运用 到 矢量 图 形 。 虽 然 目 前 市 场 上 有 一 系列 功能 强 
大 的 专门 矢量 图 制作 软件 ， 如 Core 公司 CorelDraw 软件 和 Adobe 公司 的 Tlustrator 软件 等 ， 
但 运用 Flash 目 身 的 矢量 绘图 功能 将 会 使 动画 制作 更 方便 、 更 快捷 。PFlash CS6 提供 了 强大 的 
绘图 功能 ， 创 作者 可 以 使 用 其 自 带 的 工具 轻松 地 绘制 出 所 需要 的 图 形 。 











和 Flash CS6 绘图 工具 介绍 


Flash CS6 提供 的 绘图 工具 按 功 能 基本 上 可 以 分 为 5 大 类 。 

1. 选取 工具 

Flash CS6 提供 的 选取 工具 包括 “部 分 选择 工具 ” “ 套 索 工具 ”和 “选择 工具 ” 。 利 用 
这 些 工 具 可 以 在 Flash 的 绘图 工作 区 中 选择 图 形 元 系 ， 捕 捉 和 调整 图 形 的 形状 或 者 线条 的 局 
部 形状 。 

2. 图 形 绘制 工具 

Flash CS6 提供 的 图 形 绘 制 工具 可 以 分 为 两 组 : 几何 图 形 绘制 工具 (包括 “线条 工具 ”、 
“椭圆 工具 ”和 “和 矩形 工具 ”) 和 手绘 工具 (包括 “ 铬 笔 工 具 ”“ 钢 笔 工 具 ” “刷子 工具 ”和 
“橡皮 擦 工具 ”) 。 几 何 工 具 主 要 用 于 几何 图 形 的 绘制 ， 手 绘 工 具 可 以 实现 接近 于 手绘 的 美术 效果 。 

3. 颜色 填充 工具 

Flash CS6 提供 的 颜色 填充 工具 主要 有 “颜料 桶 工具 ”“ 墨 水 瓶 工 具 ”“ 滴 管 工 具 ” 和 
“Deco 工具 ”。 颜 料 桶 工具 可 以 使 用 选择 的 填充 颜色 对 选中 区 域 进 行 颜 色 项 充 ， 墨 水 瓶 工 具 
是 对 笔触 进行 颜色 填充 的 工具 ， 吸 管 工 具 主 要 用 于 选取 笔触 或 填充 色 ，Deco 工具 是 Flash 
CS6 中 一 种 类 似 “ 顺 涂 刷 ”的 快速 填充 工具 。 

4. 变形 工具 

Flash CS6 提供 的 变形 工具 包括 “任意 变形 工具 ”、“ 渐 变 变 形 工 具 ” 和 “3D 旋转 工 
具 ”。“ 任 意 变 形 工 具 ” 可 以 对 图 形 对 象 进行 任意 变形 操作 ,“ 填 充 变 形 工 具 ” 用 于 调整 线性 填 
充 和 放射 状 填充 以 及 位 图 填充 的 填充 效果 ,“3D 旋转 工具 ”可 以 对 图 形 对 象 进行 3D 变化 。 

S. 文本 工具 

Flash CS6 提供 的 “文本 工具 ”用 于 在 图 形 中 输入 和 编辑 文字 ， 并 可 灵活 地 按 用 户 的 需 
求 显示 精美 的 动态 文字 ， 达 到 图 文 并 成 的 效果 。 


A 绘制 图 形 常用 的 操作 技巧 


本 半 在 主要 介绍 绘图 工具 的 使 用 方法 之 外 ， 还 将 同时 介绍 在 绘制 图 形 过 程 中 和 常用 的 一 些 
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操作 技巧 ,包括 
1) 如 何 选择 、 移 动 和 复制 图 形 。 
2) 如 何 排列 多 个 图 形 。 
3) 如 何 对 图 形 进行 组 合 和 打 散 。 
4) 如 何 导 入 位 图 。 
5) 如 何 将 位 图 转换 为 矢量 图 形 。 
6) 如 何 建 立 和 使 用 元 件 。 
7) 如 何 新 建 和 使 用 图 层 。 
8) 如 何 扩充 填充 、 季 化 填充 边 绿 。 








2.， 制作 “ 鸡 宝宝 ”卡通 形象 





【案例 概述 】 

本 案例 使 用 “椭圆 工具 ”和 “铅笔 工具 ”， 配 合 “ 选 择 工具 ”和 “颜料 桶 工具 ”绘制 
了 一 个 “ 鸡 宝 宝 ” 的 卡通 形象 。 通 过 本 案例 的 学 习 ， 读 者 可 以 掌握 使 用 “椭圆 工具 ”、“ 
线 工 具 ” 和 “选择 工具 ”的 方法 技巧 ， 以 及 创建 卡通 形象 的 注意 事项 。 

【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 550 x 400 像素 ， 背 景 为 白 
色 。 执 行 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 命 名 为 “ 鸡 宝 宝 ”， 并 保存 。 

2. 绘制 “ 鸡 宝宝 ” 
ES 单 击 工 具 箱 中 “椭圆 工具 ”按钮 ， 修 改 工 具 箱 中 “笔触 颜色 ”为 “黑色 ” 
(#000000) ,“ 填 充 颜色 ”为 无 ， 绘 制 一 个 118 x 118 的 正 圆 。 然 后 按 住 【 Ctrl】 键 ， 并 用 鼠 
标 左 键 拖 动 复制 一 个 正 圆 。 最 后 单 击 “ 选 择 工 具 ”， 调 整 图 形 轮廓 边线 ， 其 具体 步骤 如 
图 2. 1 所 示 。 





图 2.1 “ 鸡 宝 宝 ” 轮廓 绘制 步骤 
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篇 技巧 : 选择 工具 箱 中 的 “选择 工具 ”， 将 鼠标 指针 移动 到 线条 上 (注意 : 不 能 选 
中 直线 ， 且 靠近 的 是 非 端 点 部 位 ) ， 指 针 右 下 角 会 变 成 弧 线 状 。 拖 动 鼠 标 ， 可 以 
将 直线 变 成 曲线 。 按 住 【Shift】 键 拖 动 鼠标， 可 以 绘制 出 一 个 正 圆 。 





ESED9。 单 击 工具 箱 中 “ 销 笔 工具 ”按钮 ， 并 选择 “平滑 ”模式 ， 夯 出 鸡 宝 宝 的 “尾巴 "、 
“ 脚 ” 和 “嘴巴 ”轮廓 ， 如 图 2.2 所 示 。 
E> 单 测 工具 箱 中 “椭圆 工具 ”按钮 ， 为 “ 鸡 宝宝 ”添上 “眼睛” ， 然 后 在 嘴巴 的 下 
方面 几 个 不 规则 的 椭圆， 当 作 米粒 。 效 果 如 图 2. 3 所 示 。 














图 2.2 “ 鸡 宝宝 ”轮廓 图 2.3 完整 的 “ 鸡 宝宝 ”轮廓 





REYP> 单 击 “ 颜 料 桶 工具 ”按钮 ， 修 改 工具 箱 中 “填充 颜色 ”为 “黄色 ” (#FFFF00)， 
给 “ 鸡 宝 宝 ”的 尾巴 和 身体 填充 颜色 。 修 改 “ 填 充 颜 色 ” 为 “黑色 ”(#000000) ， 为 眼睛 
涂 上 黑色 ;修改 “填充 颜色 ”为 “橘红 色 ” (#FF6600)， 为 嘴巴 和 上 脚 填充 颜色 ， 修改 工具 
箱 中 “填充 颜色 ”为 “#FF6633”， 为 米粒 填充 颜色 ;最 后 单 击 “刷子 工具 ”， 修改 工 具 箱 
中 “填充 颜色 ”为 黑色 ， 在 嘴巴 上 点 上 黑 点 ， 完 成 绘画 。 其 效果 如 图 2. 4 所 示 。 








图 2.4 “ 鸡 宝宝 ”卡通 形象 
【技术 讲解 】 
A “椭圆 工具 ”的 使 用 


“椭圆 工具 ”是 用 来 绘制 正 圆 或 者 椭圆 形 的 工具 。 在 工具 箱 内 单 击 “椭圆 工具 ”按钮 ， 
然后 打开 其 “属性 ”面板 ， 如 图 2.5 所 示 。 在 面板 中 可 以 对 “椭圆 工具 ”的 属性 进行 设置 ， 
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单 击 “笔触 颜色 ”按钮 ， 可 以 设置 椭圆 的 外 框 线 颜 色 ， 单 击 “ 闫 料 桶 工具 ”按钮 ， 可 以 设 
置 椭圆 的 填充 颜色 。 最 后 将 鼠标 指针 移入 到 舞台 中 ， 即 可 开始 绘制 椭圆 。 


用 来 设置 轮廓 线 的 属性 














.7 国 国 一 一 设置 填充 色 
笔 甬 : 中 一 一 一 一 一 
编 训 : [一 船 jw] 口 提示 
接合 : 会 | 类 用 :3 
wz 椭圆 选项 


开始 第 度 : 和 一 [0.00 十 一 一 设置 扇形 的 起 始 角 度 
RC 
设置 空心 部 分 内 径 一 人:@ 一 [000 ] 
区 闭 语 路 径 





图 2.5 “椭圆 工具 ”的 属性 面板 


和 技巧 : 在 绘制 圆 形 时 ， 按 住 【Alt】 键 可 以 绘制 以 单 击 点 为 圆心 的 椭圆 。“ 椭 圆 工 
具 ” 除 了 可 以 绘制 椭圆 之 外 ， 还 可 以 绘制 局 形 、 空 心 李 圆 或 者 空心 局 形 ， 其 属性 
设置 方法 如 图 2.5 所 示 。 


A 
她 注意 ， Flash CS6 还 提供 了 “基本 椭圆 工具 ”， 它 和 “椭圆 工具 ”最 大 的 区 别 在 于 


它 可 以 实现 局 形 的 日 由 绘制 。 





A “铅笔 工具 ”的 使 用 


Flash 工具 箱 中 的 “铅笔 工具 ”使 用 起 来 就 像 一 支 铅笔 ， 不 仅 可 以 绘制 直线 ， 还 能 绘制 
任意 形状 的 线条 ， 并 可 以 选择 不 同 的 绘画 模式 模拟 真实 铅笔 的 痕迹 进行 绘画 。“ 铅 笔 ” 工 具 
有 三 种 绘图 模式 :“ 伸 直 ”、 “平滑 ”和 “墨水 ”绘图 

模式 ， 如 图 2.6 所 示 。“ 伸 直 ” 绘 图 模式 适合 绘制 规则 选项 

的 线条 ,绘制 的 线条 会 转换 为 直线 、 椭 圆 、 和 矩形 等 规 加 人 

则 线条 中 最 接近 的 一 种 线条 。 “平滑 ”绘图 模式 会 自动 “| | 凸 

将 绘制 的 曲线 转化 为 比较 平滑 的 曲线 ， 在 对 象 轮廓 的 > 平 浊 

绘制 方面 比较 有 优势 ， 而 “墨水 ”绘图 模式 绘制 出 的 $k 

线条 接近 于 手 画 的 线条 。 图 2.7 为 三 种 模式 分 别 呈 现 图 2.6 铅笔 工具 的 三 种 绘图 模式 
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的 效 来 图 。 





图 2.7 选择 不 同 绘图 模式 所 呈现 的 效果 


选择 “铅笔 工具 ”后 ,打开 “属性 ”而 板 ， 在 面板 中 可 以 对 “铅笔 工具 ”的 属性 进行 
设置 ， 如 图 2.8 所 示 。 单 击 “ 属 性 ”面板 上 的 “ 自 定义 ”按钮 ， 将 弹出 如 图 2.9 所 示 “ 笔 
触 样式 ”对 话 框 。 可 以 在 此 对 话 框 中 对 线条 的 类 型 、 粗 细 进 行 具 体 的 设置 ， 还 提供 了 设置 
线条 的 预览 效果 。 


IE 
二 可 sn 


于 阁下 | | 2 





图 2.8 “铅笔 工具 ”的 属性 面板 
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勾 选 该 复 选 框 后 线条 的 转角 处 将 
变 得 更 加 尖锐 
图 2.9 “笔触 样式 ”对 话 框 


A “颜料 桶 工具 ”的 使 用 
1. 颜料 桶 工具 的 作用 


在 绘制 完 物 体 的 外 观 轮廓 线 之 后 ， 一 般 使 用 “颜料 棚 工 具 ” 填 充 颜色 。 在 工具 箱 中 选 
择 “ 颜 料 桶 工具 ”后 ,， 打开“ 属性” 面板， 如 图 2. 10 所 示 。 然 后 选择 要 填充 的 颜色 ， 接 着 
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将 光标 移动 到 要 项 充 颜 色 的 图 形 内 部 单 击 ， 即 可 完成 图 形 的 颜色 填充 。 


Iw 属性 ， 滤 镜 | 参数 
颜料 桶 
由 工具 





& 医 一 一 填充 色 


图 2. 10 “颜料 桶 工具 ”的 属性 面板 





2. 颜料 桶 工具 的 选项 区 

在 单 击 “ 颜 料 桶 工具 ”按钮 后 ， 选 项 区 会 出 现 两 个 按钮 ， 即 “ 空 阶 大 小 ”和 “锁定 填 
充 ” 按 钮 。 

(1) 空 际 大 小 

单 击 “ 空 际 大 小 ”按钮 ， 会 产生 一 个 如 图 2.11 所 示 的 下 拉 列 表 杠 。 其 中 “不 封闭 空 
际 ” 模 式 表 示 在 填充 过 程 中 要 求 图 形 边 线 完全 封闭 ， 如 果 边 线 有 空 际 ,没有 完全 连接 ， 就 
不 能 填充 任何 闫 色 ;“ 封 闭 小 空 际 ”模式 表示 在 填充 过 程 中 计算 机 可 以 忽略 一 些 线 段 之 间 的 
小 空 际 ， 可 以 进行 闫 色 填 充 ;“ 封 闭 中 等 空 际 ” 模 式 表示 在 填充 过 程 中 可 以 名 上 略 一 些 线段 之 
间 较 大 的 空 际 ， 并 可 以 进行 填充 闫 色 。“ 封 闭 大 空 际 ”模式 表示 在 填充 过 程 中 可 以 急 略 一 些 
线段 之 间 的 大 空 际 ， 并 可 以 进行 闫 色 填 充 。 





避 封 半路 空隙 
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图 2. 11 “颜料 桶 工具 ”的 4 种 填充 模式 


(2) 锁定 填充 
单 击 “ 锁 定 填 充 ” 按 钮 后 ， 能 让 填充 的 颜色 可 以 相对 于 舞台 锁定 ,“ 锁 定 填 充 ” 主 要 和 针 
对 渐变 颜色 的 填充 进行 设 定 ， 其 效 末 如 图 2. 12 所 示 。 





图 2. 12 “锁定 填充 ”效果 图 
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《者 》 制作 “禁止 吸烟 标志 图 


【 案例 概述 】 


本 案例 使 用 “椭圆 工具 ”" 、“ 甜 形 工具 ”和 “钢笔 工具 " ， 配 合 “ 选 择 工具 ”和 “颜料 
桶 工具 ”制作 了 一 个 “禁止 吸烟 ”的 标志 图 。 通 过 本 案例 的 学 习 ， 读 者 可 以 掌握 使 用 “ 钢 
笔 工具 ”和 “ 算 形 工具 ”的 方法 技巧 ， 以 及 绘制 标志 的 注意 事项 。 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ,设置 文档 大 小 为 550 x 400 像素 ， 痛 景 为 白 
色 。 执 行 “文件 ”一 ” 保存” 沫 单 命 令 ， 将 新 文档 进行 保存 ， 命 名 为 “禁止 吸 烟 ”。 

2. 绘制 “禁止 ”符号 
ED 单 击 工具 箱 中 “椭圆 工具 ”按钮 ， 笔 触 闫 色 设置 为 “黑色 ”， 填 充 闫 色 为 无 ， 按 住 
【Shift】 键 ， 男 出 两 个 同心 正 圆 ， 如 图 2. 13 所 示 。 
ES 单 击 工具 箱 中 “和 矩形 工具 ”按钮 ， 笔 触 颜 色 设 置 为 “黑色 ”， 填 殉 颜 色 为 无 ， 并 画 
出 一 个 细 长 的 矩形， 放置 在 圆圈 内 ， 效 末 如 图 2. 14 所 示 。 
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图 2.13 绘制 同心 圆 图 2.14 绘制 禁止 符号 
EE》 选中 整个 图 形 ， 执 行 “ 修 改 " 一 分离” 且 征 全 “二 
令 ， 选择 “颜料 桶 工具 ”为 图 形 填充 “红色 ”, 删除 边 “| 人 、 “、 
线 。 选 择 “任意 变形 工具 ”按钮 ， 再 把 鼠标 指针 移 到 方 | 是 县 人 


框 的 右上 角 ， 和 鼠标 变 成 加 孤 状 ， 即 可 旋转 矩形 到 如 攻 ， | 


图 2. 15 所 示 的 角度 。 | 0 2 


3. 绘制 “香烟 ” > | 





BIB> 使 用 “外形 工具 ”和 “下 线 工 具 "， 画 出 如 a 





图 2. 16 所 示 的 和 窍 形 用 来 做 香烟 。 单 击 “ 选 择 工 具 ” ,调节  ” i 
香烟 形状 ,设置 线条 粗细 为 “5”, 使 用 “颜料 桶 工具 ” 图 2.15 旋转 图 形 
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填充 小 矩形 为 黑色 ， 效 果 如 图 2. 17 所 示 。 





图 2.16 香烟 轮廓 图 2.17 香烟 效果 图 


ES 将 画 好 的 香烟 放置 在 圆圈 内 。 使 用 “任意 变形 工具 ”调节 香烟 到 如 图 2. 18 所 示 的 
角度 。 

上 RP> 选择 “钢笔 工具 ”， 在 舞台 上 连续 单 击 画 出 烟雾 的 直线 轮廓 ， 如 图 2. 19 所 示 。 然 
后 使 用 “选择 工具 ”对 轮廓 进行 调节 ， 使 轮廓 变 成 如 图 2. 20 所 示 的 平滑 形状 。 











图 2.18 放置 香烟 图 2.19 钢笔 勾勒 香烟 轮廓 


RYP> 将 烟雾 放置 在 圆圈 内 如 图 2. 21 所 示 的 位 置 。 注 意 禁止 标记 应 放 在 香烟 和 烟雾 层 之 
上 ， 最 后 将 它们 全 部 选中 按 下 【Ctl + G】 键 进行 组 合 。 

4. 添加 文字 
ES 二” 选择 工具 箱 中 “和 矩形 工具 ”按钮 ， 打 开 属 性 窗口 ， 其 属性 设置 如 图 2. 22 所 示 ， 笔 
触 设置 为 “5.0”， 和 矩形 选项 设置 为 “30.00”， 在 红色 标志 外 面 绘制 出 如 图 2. 23 所 示 的 圆 角 
矩形 。 
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图 2.20 平滑 轮廓 图 2.21 禁止 符号 效果 图 
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图 2. 22 “和 矩形 工具 ” 属性 设置 图 2.23 圆 角 和 矩形 绘制 效果 


ES7 参 ”选择 “文本 工具 ”按钮 ， 打 开 “ 属 性 ”窗口 ， 如 网 2.24 所 示 ， 设 置 字符 系列 为 
“宋体 ”， 颜 色 为 “黑色 ”， 字 体 大 小 为 “40 点 ”， 在 图 形 下 面 输 入 “禁止 吸烟 ”; 设置 字符 
系列 为 “Times New Roman”， 样 式 为 “Bold”， 大 小 为 “28.0 点 ”。 效 果 如 图 2.25 所 示 。 








I 
这 位 置 和 夫 小 
sw 字符 
系 下 未 ” 避 | 禁止 吸烟 
大 小 : 4300 点 字母 间距 : 0.0 NO SMOKING! 





颜色 : 国 国 区 自动 调整 字 距 


图 2.24 字体 的 设置 图 2.25 添加 文本 效果 
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【技术 讲解 】 


A “和 矩形 工具 ”的 使 用 


“矩形 工具 ”可 以 绘制 正方 形 、 答 形 和 圆 角 算 形 。 








用 鼠标 在 默认 的 “矩形 工具 ”下 方 的 黑色 小 三 角 ， 在 er 
弹出 的 列表 中 还 有 多 种 工具 选项 ， 其 中 包括 多 角 星 形 Q 精 回 I 具 (0) 
工具 选项 ， 利 用 多 角 星 形 工具 可 以 绘制 各 种 多 边 形 和 国 且 本 YT 具 (m) 


地 基本 椭圆 工具 (0) 
4 闲 前 星 形 工具 
图 2.26 和 拢 形 工 具 和 多 角 星 形 工 具 


星 形 ， 如 图 2. 26 所 示 。 

1. 和 矩形 和 圆 角 珑 形 的 绘制 

单 击 “ 和 抢 形 工具 ”按钮 后 ， 在 属性 面板 中 选择 合 
适 的 填充 色 、 线 条 颜色 、 线 宽 及 样式 等 ， 在 舞台 上 单 
击 并 拖 动 ， 就 可 以 绘制 出 一 个 矩形。 





尺 修 改 “ 属 性 ”面板 中 的 “矩形 选项 ”来 设置 圆 角 的 大 小 ， 如 “禁止 吸烟 ”人 案 
例 中 的 图 2.23 所 示 ， 数值 越 大 ， 边 角 的 半径 越 大 。 


技巧 : 按 住 【Shift】 键 拖 动 ， 就 可 以 绘制 出 一 个 正方 形 。 如 果 绘 制 贺 角 和 矩形， 可 
RS 


2. 多 角 星 形 和 多 边 形 的 绘制 

选择 工具 箱 中 的 “多 角 星 形 工具 ” ， 打 开 属 性 面板 进行 属性 设置 ， 如 图 2. 27 所 示 。 单 击 属 
性 面板 上 的 “选项 ”按钮 ,打开 “工具 设置 ”对 话 杠 ， 在 对 话 框 中 可 以 设置 多 角 星 形 的 属性 ， 
设置 完 后 按 住 也 标 左 键 拖 动 ， 即 可 绘制 需要 的 五 角 星 。 多 角 星 形 工 具 还 可 以 设置 “样式 ”为 
“多 边 形 ”， 然 后 设置 相关 的 边 数 和 角度 (顶点 大 小 )， 丈 可 以 绘制 出 任意 形状 的 多 边 形 。 





灵活 使 用 “椭圆 工具 ”、“ 佐 形 工具 ”和 “多 角 星 形 工具 ”， 可 以 绘制 出 各 种 
各 样 的 图 形 效 果 。 






野 形 项 小 050 
il | 


图 2.27 绘制 多 角 星 形 
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广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


A “钢笔 工具 ”的 使 用 


使 用 “钢笔 工具 ”可 以 绘制 精确 的 线条 ， 这 些 线条 包括 直线 和 曲线 。 使 用 钢笔 工具 给 
制 线条 时 会 有 一 系列 的 线段 和 锚 点 ， 可 以 通过 锚 点 来 控制 线段 的 曲率 。 








1. 绘制 直线 
简单 地 移动 鼠标 并 连续 单 击 就 可 以 用 “钢笔 工具 ”绘制 出 一 系列 直线 段 。 如 图 2. 28 所 
示 ， 选 中 工具 箱 中 “钢笔 工具 ”按钮 后 ， 单 击 鼠 标 左 键 ， 就 可 以 绘制 出 一 个 个 锚 点 ， 单 击 
起 始 节 点 ， 就 可 以 形成 封 财 图 形 。 

















图 2.28 用 钢笔 工具 绘制 直线 


&2 注意 ， 要 结束 钢笔 绘制 线条 ， 可 单 击 工 具 箱 中 除 “钢笔 ”按钮 之 外 的 其 他 工具 按钮 ， 














这 时 线条 的 颜色 和 样式 就 会 显现 出 来 。 在 空 日 处 击 鼠 标 右键 ， 即 可 结束 当前 图 形 的 绘制 。 











2. 绘制 曲线 

单 击 和 拖 动 可 以 绘制 出 曲线 ， 拖 动 的 长 度 和 方 回 决定 了 曲线 的 形状 和 宽度 。 如 图 2. 29 
所 示 ， 当 绘制 第 2 个 锚 点 时 ， 单 击 鼠 标 左 键 并 拖 动 ， 就 出 现 了 一 个 调 市 杆 ， 继 续 按 住 鼠 标 左 
键 可 以 任意 方 回 拖 动 调节 杆 ， 直 到 得 到 满意 的 曲线 位 置 。 





图 2.29 用 钢笔 工具 画 曲线 


3. 钢笔 的 下 拉 茉 单 
使 用 鼠标 单 击 “ 钢 笔 工具 ”按钮 的 小 迎头 时 ,会 打 m 出 福 笔 工具 (p) 





开 一 个 如 图 2. 30 所 示 的 下 拉 荣 单 ， 分 别 为 “添加 锚 点 工 籽 添加 锚 点 工具 (=) 
具 ”、“ 删 除 销 点 工具 ”和 “转换 销 点 工具 ”。 当 单 击 选中 村 曙 除 钾 点 工具 
“添加 销 点 工具 ”按钮 后 ， 光 标 移 动 到 没有 销 点 的 位 置 人 转换 钵 点 工具 (GO) 
时 ， 单 击 可 以 增加 销 点 。 当 单 击 选中 “删除 销 点 工具 ” 图 2.30 钢笔 的 下 拉 菜单 


按钮 后 ， 将 光标 移动 到 销 点 处 ， 单 击 可 以 删除 锁 点 。 当 单 


cd we 
bp 
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击 选 中 “转换 销 点 工具 ”按钮 后 ， 单 击 并 拖 动 鳃 上 操 ， 可 以 改变 曲率 。 


《二 制作、 一 枝 花朵 ”案例 


【案例 概述 ) 


本 案例 为 “一 校花 汞 ”案例 ， 案 例 主要 使 用 “椭圆 工具 ”、“ 下 线 工 具 ” 和 “颜料 棚 工 
有 具 ” 等 制作 ， 通 过 本 案例 的 和 学习， 该 者 主要 可 以 和 苞 握 使 用 多 种 工具 绘制 图 形 的 技巧 ， 以 及 
为 图 形 填充 渐变 颜色 的 方法 。 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 550 x 400 像素 ， 背景 为 日 
色 。 执 行 “ 文 件 " 一 ”保存 ” 沫 单 命 令 ， 将 新 文档 进行 保存 ， 命 名 为 “一 术 伦 东 ”， 并 保存 。 

2. 绘制 从 未 
RBI 执行 “插入 ”一 “新 建 元 件 ” 菜 单 命令 ,打开 “创建 新 元 件 ” 对 话 框 ， 如 图 2. 31 
所 示 ， 设 置 新 元 件 的 名 称 为 “人 花 朱 ”， 类 型 为 “图 形 ”。 








i 注意 : 元 件 可 以 包含 图 形 、 位 图 以 及 动画 ， 还 能 使 用 动作 脚本 控制 元 件 。 元 件 在 
文件 中 只 存储 一 次 ， 却 能 无 限 次 使 用 而 不 占用 空间 。 元 件 可 以 随意 更 改 ， 修 改 后 应 用 此 
元 件 的 动画 会 随 之 目 动 进行 更 改 。 





名 称 册 现下 
sa 


文件 夹 : 里 根 目录 





图 2.31 “创建 新 元 件 ” 对话 框 


ES 选中 图 层 1， 重 命名 为 “ 花 ”， 单 击 工 具 箱 中 “椭圆 工具 ”按钮 ， 笔 触 颜色 设置 为 
“黑色 ”， 填 充 色 设 置 为 无 ， 绘 制 一 个 125 x 125 像素 的 正 圆 。 按 下 【ALT】 键 在 圆周 上 打 5 
个 节点 ， 然 后 用 黑 箭 头 工具 调整 成 花 斩 形状。 

执行 “窗口 ”一 颜色 ” 沫 单 命令 ， 打 开 “ 颜 色 ” 面 板 ， 在 “颜色 ”面板 中 单 击 “ 填 充 
颜色 ”按钮 ， 在 “类 型 ”下 拉 列 表 杠 中 选择 “放射 状 ”选项 。 从 左 到 右 色 标 颜 色 分 别 设置 
为 “#FFE7C4”、“#FFCC66”、“#FF6600”、“#FFCC66”， 将 “笔触 颜色 ”设置 为 “无 ”， 
如 图 2. 32 所 示 为 花 东 填充 颜色 面板 的 设置 。 使 用 “颜料 桶 工具 ”为 花 末 项 上 颜色 之 后 ， 可 
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如 图 2. 33 所 示 ， 使 用 “渐变 变形 工具 ”调整 花 条 的 填充 效果 。 花 条 的 具体 画 法 步骤 如 
图 2. 34 所 示 。 






图 2.32 花 米 填充 “颜色 ”面板 的 设置 


图 2.34 花 米 男 法 具体 步骤 


EP 新 建 图 层 2， 重 命名 为 “ 花 脉 ”。 单 击 “ 直 线 工 具 ” 按 钮 ， 笔触 颜色 设 置 为 
“#FF6600”， 绘 制 花 脉 ， 并 使 用 “选择 工具 ”按钮 调整 其 形状 。 

EYP> 新 建 网 层 3， 重 命名 为 “ 花 营 ”。 单 击 “ 铅 笔 工 具 ” 按 钮 ， 打 开 “ 颜 色 ” 属 性 面 
板 ， 在 “颜色 ”面板 中 单 击 “ 笔 触 颜色 ”按钮 ， 在 “类 型 ”下 拉 列 表 框 中 选择 “线性 ” 选 
项 ， 从 左 到 右 排 列 色 标 颜 色 为 :“#F4FCAD”、“#88B913”， 绘 制 8 条 花心 ; 最 后 单 击 “ 刷 子 
工具 ”按钮 ， 填 充 颜色 设置 为 “ 吉 90033”。 最 后 点 上 花蕊 ， 绘 制 步骤 如 网 2.35 所 示 。 
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EP> 在 场景 1 中 ， 拖 人 “ 花 东 ”元 件 。 新 建 一 图 层 ， 重 命名 为 “ 花 杆 ”， 在 工作 区 内 单 

击 “ 线 条 工具 ”按钮 ， 颜 色 设 置 为 “ 折 29218”， 笔 触 属 性 设置 为 “3”， 绘制 花 杆 ， 然 后 使 

用 “选择 工具 ”调整 成 如 图 2. 36 所 示 形 状 ， 最 后 拖 动 “ 花 杆 ” 图 层 到 “ 论 朱 ”图 层 的 

下 面 。 

ET 新 建 一 网 层 ， 重 命名 为 “叶子 ”， 使 用 “椭圆 工具 ” 画 出 两 个 细 长 椭圆 ， 调 整 成 树 

叶 状 ， 安 放 在 适当 位 置 ， 笔 触 颜色 设置 为 “#629218”， 填 充 颜 色 设 置 为 “#006600”、 

#00FF33 ， 填 充 类 型 为 “线性 填充 ”。 其 具体 画 法 步骤 如 图 2. 36 所 示 。 








图 2. 36 “一 枝 花 末 ” 的 画 法 步骤 


【技术 讲解 】 


A “线条 工具 ”的 使 用 


“线条 工具 ”可 以 用 来 绘制 不 同样 式 的 直线 ， 可 以 通过 “属性 ”面板 来 设置 线条 的 颜 
色 、 粗 细 和 样式 。 其 中 ， 线 条 颜色 的 设置 和 “椭圆 工具 ”里 面 轮廓 线 的 颜色 设置 方法 相同 ， 
可 以 拖 动 “笔触 ”后 面 的 滑 块 来 设置 线条 的 粗细 ， 也 可 以 直接 修改 其 后 面 文本 框 中 的 数值 
来 设置 。 线 条 的 样式 可 以 通过 选择 “样式 ”下 拉 框 中 的 不 同 选项 实现 。 其 具体 的 属性 设置 
如 图 2.37 所 示 。 








中 技巧 在 使 用 “线条 工具 ”绘制 直线 时 ， 按 住 【Shift】 键 可 以 绘制 水 平 、 竖 直 向 
上 的 直线 ， 也 可 以 绘制 出 倾斜 45* 的 直线 。 
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设置 线条 颜色 


设置 线条 粗细 
设置 线条 样式 





日 定义 线条 样式 





面 前 击 而 沁 机 页 珊 | 床 


图 2.37 “直线 工具 ”的 属性 设置 


2 5 “颜色 ”面板 的 使 用 


选择 菜单 “窗口 ”一 “颜色 ”命令 ， 即 可 打开 “颜色 ”面板 , 该 面板 中 有 两 个 选项 卡 ， 
即 “ 颜 色 ” 和 “样本 ”。 
1. “样本 ”面板 
单 击 “ 样 本 ”选项 卡 ， 即 切换 到 “样本 ”面板 ， 如 图 2. 38 所 示 。“ 样 本 ”面板 中 分 为 
两 部 分 ， 上 面 一 部 分 显示 的 是 单 色色 彩 样 本 ， 下 面 一 部 分 显示 的 是 渐变 色 样 本 。 单 色色 彩 样 
本 默认 为 256 种 ， 单 击 该 面板 右上 侧 的 按钮 ， 会 弹出 “样本 ”的 快捷 荣 单 。 





直接 复制 样本 
册 | 除 样本 


添加 颜色 .. . 
蔡 换 颜色 .. . 
加 载 默 认 颜 色 


保存 颜色 .. . 
保存 为 默认 值 


清除 颜色 
Web 216 色 
按 颜 色 排序 
帮助 


将 颜色 样本 组 合 至 ， 
渐变 色 块 关闭 额 色 样本 
重 命名 面板 组 
最 大 化 面板 组 
关闭 面板 组 












纯色 块 


























图 2.38 “样本 ”面板 


使 用 “样本 ”面板 的 弹出 订单 ， 可 以 对 色彩 样本 进行 删除 、 复 制 、 保 存 等 管理 。 几 个 
主要 的 及 单 合 令 说 明 如 下 : 

1) 直接 复制 样本 : 复制 面板 中 选 定 的 色彩 样本 ， 可 以 复制 单 色 样 本 ， 也 可 以 复制 渐变 
样本 。 

2) 删除 样本 : 删除 面板 中 选 定 的 色彩 样本 ， 可 以 删除 单 色 样本 ,也 可 以 删除 渐变 
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样本 。 

3) 添加 颜色 : 选择 此 项 时 ， 将 弹出 “导入 色彩 样本 ”对 话 框 ， 通 过 选择 文件 类 型 ， 
可 以 从 外 部 色彩 文件 或 图 像 文件 (. gif) 导入 色彩 样本 。 此 项 操作 对 渐变 色彩 样本 没有 
影响 。 

4) 替换 颜色 选择 此 项 也 可 以 从 外 部 色彩 文件 或 图 像 文件 导入 色彩 样本 ,但 导入 时 外 
部 文件 的 色彩 会 蔡 换 掉 原 有 的 全 部 色彩 样本 。 此 项 操作 对 渐变 色彩 样本 没有 影响 。 

5) 保存 颜色 : 把 当前 的 色彩 样本 保存 到 文件 (. clr) 中 。 

6) 保存 为 默认 值 : 把 当前 色彩 样本 存储 为 默认 色彩 样本 。 

7) 清除 颜色 : 清除 当前 的 色彩 样本 ， 只 留 下 黑白 两 色 。 渐 变色 彩 样 本 也 仅 留 下 黑白 渐 
变色 。 

8) Web 216 色 : 颜色 使 用 RGB 模式 表示 有 256 种 颜色 ， 而 Web 只 有 216 种 颜色 ， 这 样 
占用 内 存 低 。 如 果 你 的 Flash 只 是 简单 的 动画 ， 则 可 以 使 用 Web 安全 色 的 中 的 颜色 ， 让 那些 
计算 机 配置 低 的 用 户 也 能 欣赏 到 你 的 动画 。 

2. “颜色 ”面板 

“颜色 ”面板 是 一 个 调配 颜色 的 面板 。 如 图 2. 39 所 示 ， 在 该 面板 中 既 可 以 设置 线条 颜 
色 ， 也 可 以 设置 矢量 图 型 的 填充 颜色 ， 还 可 以 设置 颜色 的 透明 度 。 在 “类 型 ”下 拉 列 表 框 
中 ， 有 “纯色 ”“ 线 性 ”“ “放射 状 ” 和 “位 图 ”四 种 颜色 填充 样式 可 以 选择 ， 下 面 将 对 这 
四 种 填充 样式 进行 详细 介绍 。 


绝色 ER 
笔 甬 颜色 于 之 天 | 类型 | 纯色 ”| 一 颜色 类 型 


填充 颜色 一 | 贺 | 
则 人 7 屿 


红 : 255 ii 
绿 : 0 : 
蓝 : 0 吕 

Alpha 


: 100% | 巴 =FFo000 


图 2.39 “颜色 ”面板 


























1) 纯色 填充 。 如 宁 要 对 茶 个 区 堪 进 行 纯色 项 充 ， 可 以 在 “颜色 ”面板 的 “类 型 ”下 拉 








框 中 选择 “纯色 ”选项 ， 然 后 进行 颜色 设置 。 设 置 颜 色 时 有 三 种 方法 ， 即 通过 输入 RGB 值 
及 透明 度 来 选择 具体 颜色 ; 通过 输入 颜色 的 十 六 进 制 数值 来 选择 具体 的 颜色 ; 或 者 先 选 择 色 
块 ， 再 选择 明暗 度 来 设置 颜色 ， 如 图 2. 40 所 示 。 





2) 线性 填充 和 放射 状 填充 。 在 “颜色 ”面板 中 ， 可 以 从 “类 型 ”下 拉 框 中 选择 “ 线 
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性 ”或 者 “放射 状 ” 选 项 。 此 时 面板 如 图 2.41 所 示 。 其 中 的 “ 洪 出 ”选项 ， 只 有 在 选择 
“线性 ”和 “放射 状 ” 选 项 时 才 会 出 现 。 用 于 当 应 用 的 渐变 结束 时 ， Le 
式 。“ 洪 出 ”共有 3 个 选项 ， 其 效果 图 如 图 2. 42 所 示 。 









RGB 值 及 透明 一 
度 设 置 





Alpha: 00% | 如 |#ooFrFroo | #0OFFOO | 





图 2. 40 “纯色 填充 ”设置 图 2.41 线性 填充 设置 





图 2.42 选择 不 同 “ 溢 出 ”选项 值 的 填充 方式 


从 技巧 : 直接 在 颜色 滑 块 上 双击 筷 标 左 键 ， 会 弹出 颜色 设置 窗口 。 这 时 可 以 从 中 选 
择 颜 色 并 用 到 该 滑 块 。 用 鼠标 单 击 渐变 条 ， 即 可 添加 滑 块 。 把 不 需要 的 滑 块 拖 到 
远离 渐变 条 的 地 方 ， 即 可 删除 该 滑 块 。 





3) 位 图 填充 。 在 Flash 中 ， 所 有 的 矢量 图 形 都 可 以 使 用 位 图 来 填充 ， 其 具体 操作 步骤 
如 下 : 
E> 使 用 “ 馈 笔 工具 ”， 绘制 一 个 心 形 图 ， 如 图 2. 43 所 示 。 然 后 打开 “颜色 ”面板 ， 
选中 “填充 颜色 ”,， 设置 其 类 型 为 “位 图 ”， 如 图 2. 44 所 示 。 单 击 “ 导 和 人 入...” 按 钮 ， 打 开 
“导入 到 库 ” 对 话 框 ， 如 图 2. 4$ 所 示 。 选 中 要 导入 的 位 图 ， 单 击 “ 打 开 ” 按 钮 即 可 。 
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图 2.43 心 形 图 图 2.44 “颜色 ”面板 设置 


国 入 到 库 — 
oN wk rn Ri “sles ?| 
| WE me 


襄 收藏 夫 DSC 0279jpg 辐 图 2.3 绘 制 花 营 步 骤 jpg 

及 下载 笔触 闫 色 .JPG 回 实 国 工具 jpg 

一 | 点 面 笔 刷 工具 .PNG 夯实 贺 工 具 .pPNG 

组 最 乒 访 问 的 位 置 钢笔 了 具 .PNG 转 文 本 工具 .PNG 
回 图片 证 条 ,png 辐 | 心 形 .png 

站 花茶 填充 “" 赢 包 ”面板 设置 JPG 。” 辆 | 选 择 工 具 .PNG 
加 | 绘制 花枝 jp9g 于 | 亮 笠 桶 工具 .PNG 

闻 库 渐变 填充 工具 JPG 硬 颜 色 面板 设置 PNG 

因 暴风 影视 库 铅笔 工具 .PNG 国 直 线 工 具 .PNG 

加 视频 属性 面板 JPG 

图 图 片 套 索 工具 ,PNG 

文档 图 2.1 新 建 图 形 元 件 JPG 

二 音乐 图 2.2Jjpg 








文件 名 [NMN) DSC 0279.jpg 





图 2.45 “导入 到 库 ” 对 话 框 


EBB> 单 击 工具 箱 中 “颜料 桶 工具 ”按钮 ， 填 充 心 形 区 域 ， 填 充 效果 如 图 2. 46 所 示 。 





图 2.46 位 图 填充 效果 








NW " LS 呈 人 0 
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_ “墨水 瓶 工 具 ” 的 使 用 


选择 工具 箱 中 的 “ 蔡 水 瓶 工具 ”， 然 后 打开 “属性 ”面板 ， 其 属性 设置 如 图 2. 47 所 示 。 
Flash CS6 中 墨水 瓶 工 具 可 以 改变 线段 的 样式 、 粗 细 和 颜色 ， 墨 水 瓶 工 具 还 可 以 为 天 量 网 形 


一 人 已 


0 








并 里 水 赢 了 具 





呵 氢 交 了 最 犁 

7 国 2 加 

症 击 | 站 0 线条 粗细 
7 
编 旋 : | 一般 | "| 口 提 示 

岗 点 : 宇 |* 

接合 : 富 | pu 


线条 颜色 














图 2. 47 “墨水 瓶 ” 属 性 面板 设置 


各 注意 : 如 果 两 条 线段 相交 在 一 起 ， 需 要 多 次 使 用 “墨水 瓶 工 具 ” 单 击 线段 进行 线 
段 的 更 改 。 对 于 “组 ”、“ 图 形 元 件 ”、“ 按 钮 *、“ 影 片 瘟 辑 ” 背 先 确认 图 形 和 线段 是 可 


编辑 状态 ， 可 以 双击 进入 “组 ”或 “元 件 ”,， 确认 线段 能 被 修改 ,然后 才能 使 用 “破水 
瓶 工 具 ” 进 行 线段 属性 的 更 改 。 








技巧 : 如 果 要 大 面积 快速 更 改线 段 颜 色 ， 只 需要 使 用 “选择 工具 ” 框 选 边线 ， 在 
笔触 颜色 面板 中 对 颜色 进行 设置 。 








2.5 制作 “ 尚 品 月 饼 ” 网 页 广告 


【 案例 概述 】 

本 案例 为 “ 尚 品 月 饼 ” 网 页 广告 案例 ， 和 案例 主 要 使 用 “文本 工具 ”、“ 套 索 工 具 ” 和 相 
天 图 片 素 材 ， 通 过 本 案例 的 和 学习， 读者 主要 可 以 擎 握 使 用 文本 工具 、 相 天 图 斤 制 作 网 页 广告 
案例 的 技巧 ， 以 及 和 素材 处 理 的 相关 方法 。 其 部 分 效果 如 图 2. 48 所 示 。 
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图 2.48 “ 尚 品 月 饼 ”网 页 广告 效果 图 


SN 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 600 x 240 像 守 ,背景 为 黑 
色 。 执 行 “ 文 件 ” 一 保存 ” 荣 单 命令 ， 将 新 文档 保存 ， 命 名 为 “ 尚 品 月 饼 网 页 广告 ”， 并 
保存 。 

2. 导入 文件 、 分 离 位 图 
加 > 执行 A ”菜单 命令 ,在 0 对 话 框 中 选择 文 
件 “ 背 景 . jpg”、“ 月 饼 . png”， 并 打开 。 打 开 库 面板 ,“ 背 景 . jpg”、“ 月 饼 . png” 已 经 出 现 
在 元 件 库 中 。 
ES 新建 元 件 “ 月 饼 ”， 设 置 类 型 为 “影片 剪辑 ” 。 把 “ 库 ” 中 “月 饼 . png” 拖 人 元 件 
中 。 执 行 “修改 ”一 分离” 菜单 命令 使 位 图 分 离 ， 用 鼠标 单 击 元 件 的 空白 处 取消 对 图 形 的 
选择 。 选 择 工 具 箱 中 的 “ 套 索 工具 ”， 按 住 鼠 标 左 键 圈 选 一 个 月 饼 图 形 的 轮廓 ， 鼠 标 拖 动 
选中 的 图 形 到 元 件 空白 处 ， 如 图 2. 49 所 示 。 然 后 删除 剩余 的 图 形 ， 并 取消 对 选中 同形 的 
选择 。 




















图 2. 49 “和 套 索 工具 ”的 使 用 
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E> 选择 工具 箱 中 的 “ 套 索 工具 ”， 并 选择 选项 区 中 的 “ 秦 术 棒 ” 按 钮 ， 在 单 击 图 片 中 
多 余 的 白色 部 分 的 任何 一 处 ， 选 中 不 要 的 边缘 部 分 ， 按 【 Delete】 键 删除 ， 如 此 单 击 再 市 
除 ， 直 到 边缘 没有 其 他 内 容 。 当 然 ， 也 可 放大 工作 区 ,使 用 “橡皮 擦 工具 ” 擦 除 多 余 的 边 
绿 部 分 。 重 新 设置 文档 背景 闫 色 为 “白色 ”。 
3. 制作 “ 尚 品 工 坊 ” 元 件 

5H> 新 建 图 形 元 件 “ 尚 品 工 坊 ”。 选 择 工具 箱 中 的 “和 矩形 工具 ”按钮 ， 设 置 笔触 颜色 为 
“#952B15”， 填 充 颜 色 为 无 。 打 开 “ 属 性 ”面板 ， 如 图 2. 50 所 示 设 置 矩 形 选 项 的 值 。 绘 制 
3 个 大 小 不 一 的 圆 角 矩形。 选中 这 3 个 圆 角 矩形， 执行 “窗口 "一 “对 齐 ” 菜 单 命令 ,打开 
对 齐 面板 ， 单 击 “ 水 平 中 齐 ”、“ 垂 直 中 齐 ” 按 钮 ， 使 其 中 心 对 齐 ， 然 后 使 用 颜料 桶 上 色 ， 
其 步骤 如 图 2. 51 所 示 。 








ww 拒 形 选项 
人 、 2 : 
\、 -/ 
轮廓 图 上 色 图 
图 2.50 ”和 矩形 工具 属性 选项 图 2.51 “ 尚 品 工 坊 ” 背 景 绘制 步骤 





ESESZ 新 建 一 图 层 ， 重 命名 为 “文字 ”。 选 择 工 具 箱 中 
的 “文本 工具 ”， 打 开 “ 属 性 ”面板 ,设置 字符 系列 为 
“华文 琥珀 ”， 大 小 为 30 点 ， 颜 色 为 “如 532B1$”， 在 舞台 
上 输入 “ 疝 品 工 坊 ”。 执 行 “ 人 修改" 一 分离 ” 沫 单 命 令 ， 
将 文字 分 成 单个 文字 对 象 ， 然 后 再 执行 一 次 分 离 命 令 。 单 图 2.52 文字 着 色 效 果 
击 “ 墨 水瓶 工具 ”按钮 ， 设置 笔触 颜色 为 “白色 ”。 单 击 

每 个 文字 ， 使 它们 有 描 边 的 效果 ， 如 图 2. 52 所 示 。 














4. 制作 网 页 广告 
ES 了 萝 ” 切 搞 选 项 卡 到 “场景 1”， 设 置 文档 的 背景 颜色 为 月 色 。 重 命名 “图 层 1” 为 “ 硼 
景 "”。 拖 动 “ 背 景 . jpg” 到 舞台 上 ， 打 开 “ 属 性 ”面板 设置 其 宽度 为 600， 高 为 210，X 坐 





标 为 0，Y 坐标 为 0。 选 择 工 具 箱 中 的 “矩形 工具 ”， 设 置 “笔触 颜色 ”为 “无 "”， 填 充 颜 色 
为 “黑色 ”， 画 一 个 无 框 的 矩形 。 设 置 其 宽度 为 600， 高 为 30，X 坐标 为 0，Y 坐标 为 210。 
将 图 层 “ 背 景 ”锁定 ， 其 效果 图 如 图 2. 53 所 示 。 

22> 新 建 图 层 ， 重 命名 为 “文字 及 图 形 ”。 选 择 工 具 箱 中 的 “文本 工具 ”， 设 置 文字 系 
列 为 “华文 行 楷 ”， 大 小 为 “60 点 ”， 颜 色 为 黄色 ， 在 舞台 上 输入 “ 味 浓 情 更 浓 ”， 选 择 中 
间 的 “ 情 ” 字 ， 将 其 大 小 设置 为 “80 点 ”。 复 制 该 文字 ， 将 字体 颜色 设置 为 “白色 ”。 用 键 
盘 调 整 两 部 分 文字 的 位 置 ， 并 使 其 具有 阴影 效 末 ， 如 图 2. 54 所 示 。 
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图 2.54 阴影 字 效 果 





EXB> 选择 工具 箱 中 的 “文本 工具 ”， 按 上 面 的 步 又 输入 相应 文字 ， 并 设置 合适 的 大 小 和 
文字 类 型 。 打 开 库 面板 ， 把 元 件 “ 月 饼 ”、“ 尚 品 工 坊 ” 拖 到 有 舞台 上 ， 调整 其 大 小 和 位 置 ， 
完成 网 页 广告 的 制作 。 


【技术 讲解 】 


A 图 像 的 导入 


Flash 能 够 识别 各 种 矢量 图 和 位 岁 格 式 。 可 以 将 插 岁 导入 到 当前 文档 的 舞台 中 或 导 和 到 
当前 文档 的 库 中 ， 从 而 将 插图 放置 到 Flash 中 。 也 可 以 通过 将 位 图 粘贴 到 当前 文档 的 舞 合 中 
来 导入 它们 。 所 有 下 接 导 入 到 Flash 文档 中 的 位 图 ， 都 会 目 动 添加 到 该 文档 的 库 中 。 

执行 荣 单 “文件 ”一 ”导入 ”一 导 和 人 到 舞台 ”或 者 “文件 ”一 ”导入 ”一 导 和 人 到 库 ” 命 
令 ， 在 打开 的 对 话 框 中 选择 要 导入 的 位 图 ， 可 以 导入 位 图 ; 执行 “文件 ”一 “导入 ”一 “打开 
外 部 库 ” 深 单 命 令 可 以 导 人 其 他 Flash 文件 的 元 件 。 













1 下 局 导 入 到 Flash 的 图 形 文件 的 像素 大 小 至 少 为 2x2。 若 要 一 次 导入 多 张 图 片 ， 可 
以 在 选择 图 片 时 按 【Shift】 键 (选择 一 组 连续 的 文件 ) 或 者 【Ctrl】 键 (选择 一 组 非 连 
续 的 文件 ) 。 
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广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


A “ 套 索 工具 ”的 使 用 


“ 套 索 工具 ”用 于 选择 图 形 中 的 不 规则 形状 区 域 。 选 中 “ 套 索 工具 ”后 ， 工 具 箱 中 的 选 
项 区 会 有 3 个 功能 按钮 : “魔术 棒 ” 按 钮 、“ 广 术 棱 设 
置 ”按钮 和 “多 边 形 模式 ”按钮 。 魔术 棱 设 轩 El 

1 ) 魔术 棒 。 用 于 选取 相近 颜色 的 区 域 。 在 处 理 位 
图 复杂 色 块 时 ， 显 得 非常 有 用 。 

2) 魔术 棒 设 置 。 单 击 套 索 工具 的 “魔术 棒 设 置 ” 
按钮 ， 可 以 打开 “魔术 棒 设 置 ” 对 话 框 如 网 2.55 所 图 2.55 “魔术 棒 设 置 ” 对 话 框 
示 ， 它 有 两 个 设置 选项 :“ 国 但 ”和 “平滑 ”。 

“国信 ”选项 用 于 定义 选取 颜色 的 近似 值 ， 值 越 大 ， 选 取 的 临近 颜色 范围 就 越 大 ， 可 以 
输入 的 但 为 0~200。“ 平 滑 ” 选 项 用 于 指定 选取 范围 边 绿 的 平 请 度 ， 有 像 系 、 标 准 、 粗 略 和 
平滑 4 种 选项 。 

3) 多 边 形 模式 。“ 多 边 形 模式 ”选项 用 于 对 不 规则 图 形 进 行 比较 精确 的 选取 。 在 这 种 
模式 下 ,“ 套 索 工 具 ” 绘 制 出 的 是 直线 ， 每 次 单 击 鼠 标 ， 就 会 创建 一 个 选择 点 ， 依 照 要 选取 
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的 图 形 轮廓 单 击 ， 就 会 绘制 出 一 个 多 边 形 区 域 ， 双 击 鼠 标 ， 该 区 域 即 被 选中 。 





A “文本 工具 ”的 使 用 


文本 工具 是 帮助 用 户 输 入 文字 的 ， 在 Flash 中 











要 制作 图 文 并 成 的 动画 ， 常 常 要 输入 文字 。 使 用 时 让 | 库 | | 

工具 箱 中 的 “文本 工具 "， 经 过 简单 的 设置 ， 就 I 

可 以 制作 出 漂亮 的 文本 。 
1. 输入 文本 


选择 工具 箱 中 的 “文本 工具 ” ， 将 鼠标 移 至 
舞台 中 ， 单 击 后 将 出 现 一 个 文本 框 〈 或 者 按 住 鼠 
标 左 键 拖 出 一 个 文本 框 ) ， 在 文本 框 中 输入 文字 ， 
输入 完毕 后 单 击 文本 框 外 的 任意 空白 处 ， 文 本 框 
消失 ， 这 样 即 可 完成 文学 的 编辑 。 

2. 文本 的 属性 面板 设置 

文本 的 大 小 、 颜 色 、 字 体 等 样式 可 以 通过 
“文本 工具 ”的 “属性 ”面板 进行 设置 。 如 




















:只 
图 2.56 所 示 ,“ 文 本 工具 ”的 属性 面板 可 以 分 为 行为 :各 
“文本 类 型 ”、 “字符 ”、 “上 段落” 三 个 区 域 。 








Flash 中 和 常用 的 文本 类 型 有 静态 文本 、 动 态 文 图 2.56 “文本 工具 ”的 “属性 ”面板 
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本 和 输入 文本 。 殉 认 的 文本 类 型 为 “ 琵 态 文本 ”， 在 动画 中 这 种 文本 一 旦 设置 好 内 容 和 外 
观 ， 在 动画 中 是 没有 任何 变化 的 ; “动态 文本 ”在 播放 时 可 以 动态 更 新 文本 的 内 容 ， 这 种 功 
能 一 般 通 过 代码 实现 ; “输入 文本 ”可 以 在 动画 播放 时 接收 用 户 的 输入 ， 可 以 用 来 实现 人 机 
交互 的 功能 。 

Flash 中 的 文本 的 字符 类 型 、 大 小 、 颜 色 、 间 距 等 属性 都 在 字符 样式 区 域内 设置 。 段 沙 
区 域 可 以 设置 多 段 文 字 的 段 阔 属 性 。 








人 二 对 于 系统 中 没有 的 字体 ， 需 要 先 安装 在 系统 中 。 在 “控制 面板 ”中 双击 “ 字 
体 ” 和 选项， 打开 字体 窗口 ， 在 该 窗口 中 执行 “文件 ”一 “安装 新 字体 ”菜单 命令 ， 打 开 
“添加 字体 ” 对话 框 ， 然 后 选择 需要 安装 的 新 字体 进行 安装 。 





A “橡皮 擦 工具 ”的 使 用 


“橡皮 探 工 具 ” 用 于 探 除 不 需要 的 部 分 ， 通 过 选择 不 同 的 模式 ， 可 以 用 来 探 除 天 量 网 形 
的 线条 、 十 充 颜 色 或 者 两 部 分 同时 抱 除 。 

如 图 2. 57 所 示 ， 在 “橡皮 擦 工具 ”的 “选项 区 ”， 有 “橡皮 擦 模 式 ”、“ 水 龙头 ”和 
“橡皮 擦 形状 ”三 个 按钮 。 单 击 选 项 区 的 “橡皮 探 形状 ” 按 钮 ， 可 以 改变 橡皮 擦 的 大 小 和 形 
状 ， 如 图 2. 58 所 示 。 
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橡皮 所 模式 。 

图 2.57 “橡皮 擦 工具 ”的 选项 区 图 2.58 橡皮 探 的 形状 和 大 小 


如 图 2. 59 所 示 单 击 选项 区 的 “橡皮 擦 模式 ”按钮 ， 将 会 看 得 到 共有 5 种 探 除 模式 。 其 
功能 如 图 2. 60 所 示 。 在 “标准 探 除 ”模式 下 ， 可 以 探 除 舞台 上 任意 图 形 的 线条 和 填充 。 在 
“ 探 除 填 色 ”模式 下 ， 仪 可 探 除 矢量 图 填充 的 内 容 ， 线 条 不 受 影响 。 在 “ 擦 除 线条 ”模式 
下 ,， 仪 可 擦 除 和 天 量 图 的 线条 ， 填 充 的 内 容 不 受 影响 。 在 “ 擦 除 所 选 填充 ”模式 下 ， 仪 可 擦 
除 选中 区 域内 的 填充 。 在 “内 部 擦 除 ” 模 式 下 ， 仪 可 擦 除 单 击 所 在 区 域 的 填充 内 容 ， 如 末 
起 点 为 空 日 ， 则 不 会 擦 除 任何 内 容 。 
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写 探 除 线条 
图 扩 除 所 造 填充 
加 内 部 控 除 





2.59 “橡皮 擦 工具 ”的 5 种 探 除 模式 


c) 氛 除 线条 





d) 擦 除 所 选 填充 e) 内 部 擦 除 
图 2. 60 “橡皮 擦 工具 ”的 SS 种 探 除 模式 的 探 除 效果 


单 击 选项 区 的 “水 龙头 ”按钮 ， 可 以 扎 除 不 需要 的 填充 或 者 边线 内 容 。 态 外 ， 双 击 
“橡皮 探 工具 ”按钮 ， 可 以 一 次 控 除 舞 合 中 的 所 有 对 象 。 





2. 6 综合 项 目 一 -开心 六 一 ′ 电子 贺卡 的 制作 


【 案例 概述 】 
本 案例 为 “开心 六 一 ”电子 资 卡 案例 。 动 画 案 例 主要 通过 卡通 动物 、 花 朱 、 气 球 和 闪 
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烁 的 星 的 绘制 来 传达 欢快 、 愉 悦 的 心情 ， 效 果 图 如 图 2. 61 所 示 。 
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图 2. 61 “开心 六 一 ”电子 贺卡 效果 图 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 600 x 400 像素 ， 背 景色 为 白 
色 。 执行 “文件 ”一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 命 名 为 “开心 六 一 电子 贺卡 ”"， 并 
保存 。 

2. 绘制 卡通 动物 
ESET > By “卡通 狼 ”。 创 建 图 形 元 件 “ 卡 通 猫 ”。 使 用 “椭圆 工具 ”、“ 铅 笔 工具 ”配合 
“选择 工具 ”绘制 卡通 猫 的 轮廓 图 ， 使 用 “颜料 桶 工具 ”为 卡通 猫 上 色 。 其 步骤 如 图 2. 62 
所 示 。 





a) 卡 通 猫 轮廓 图 b) 卡 通 猫 上 色 图 
图 2.62 卡通 猫 绘制 步骤 


到 
n> 


E73B> 绘制 “卡通 倪 ”。 创 建 图 形 元 件 “ 卡 通 倪 ”"”。 使 用 “椭圆 工具 ”、“ 铅 笔 工 具 
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“选择 工具 ”绘制 卡通 图 的 轮廓 图 ， 使 用 “颜料 桶 工具 ”为 卡通 侈 上 色 。 
3. 绘制 化 未 
EPP> 绘制 花束 。 新 建 图 形 元 件 “ 花 校 ”"， 参 照 2.4 市 中 的 案例 绘制 一 枝 花 。 新 建 图 形 元 
件 “ 花 束 ”。 把 图 形 元 件 “ 花 核 ” 从 “ 库 ” 中 拖 动 到 舞台 中 央 ， 照 此 方法 再 连续 拖 动 两 次 。 
使 用 “变形 工具 ” ， 将 花 校 调整 成 大 小 不 一 的 样子 ， 也 可 调整 花 校 的 变形 中 心 ， 并 对 其 方 回 
4 进行 旋转 ， 其 步骤 如 图 2. 63 所 示 。 








图 2.63 绘制 花束 步骤 





ES 绘制 花 和 朱 。 新 建 图形 元 件 “ 紫 花 ”。 使 用 “椭圆 工具 ”， 设置 笔触 颜色 为 “无 ”， 
填充 颜色 为 “紫色 ”， 绘制 一 个 花 状 。 选 中 工具 箱 中 的 “任意 变形 工具 ”， 单 击 花 办， 调整 
变形 中 心 到 花瓣 的 底 端 。 执 行 “窗口 ”一 变形 ”菜单 命令 ， 打 开 如 图 2. 64 所 示 “ 变 形 ” 面 
板 ， 在 “变形 ”面板 的 “旋转 ”项 中 输入 “60。”， 单 击 “ 复 制 并 应 用 变形 ”按钮 次。 最 
后 使 用 “椭圆 工具 ”， 设 置 笔触 颜色 为 “无 ”， 填 充 颜 色 为 “黄色 ”， 在 花 和 中间 绘 制 一 个 
同形 作为 花 瞧 。 其 具体 步骤 如 图 2. 65 所 示 。 
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图 2. 64 “变形 ”面板 设置 


动画 制作 的 前 奏 村 








a) 








区 国 > 复制 元 什 。 打开 “ 库 ” 面 板 ， 用 鼠标 右键 单 击 “ 紧 花 ” 元 件 ， 选 择 “ 有 二 接 复 制 …” 
选项 ， 打 开 “ 直 接 复制 元 件 ” 窗 口 ， 如 图 2.66 所 示 。 修 改名 称 为 “ 粉 伦 ”， 单 击 “ 确 定 ”按钮 。 
打开 “ 粉 花 ”元 件 ， 修 改 其 中 花 注 的 颜色 为 “粉色 ”。 依 照 此 办 法 依次 复制 黄花 、 蓝 花 元 件 。 
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文件 夹 : 库 根 目录 
高 级 





图 2.66 直接 复制 元 件 窗口 


4. 绘制 亮光 
EBTH> 绘制 五 角 星 有 党 光 。 I 六 辑 元 件 “ 五 角 星 党 光 ”， 选 中 工具 箱 中 的 “多 角 星 形 
工具 ”， 设置 笔触 闫 色 为 “无 "， 填充 磊 色 为 “日 色 ”。 打 开 “ 属 性 ”面板 ， 如 图 2.67 所 
示 , 在 “工具 设置 ” a “选项 …” 按 钮 ， 打开 “工具 设置 ”窗口 ,设置 样式 为 
“ 星 形 ”， 边 数 为 “5”。 在 舞台 上 绘制 一 个 五 角 星 ， 分别 在 第 3 帧 、 第 5 帧 插入 关键 帧 ， 选 
中 第 3 帧 。 修 改 五 角 星 的 颜色 为 “黄色 ”。 
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ES 绘制 亮光 。 新 建 图 形 元 件 “ 亮 光 ”。 选 中 工具 箱 中 的 “椭圆 工具 ”， 设 置 笔 触 颜色 
为 “无 "”， 填 充 颜 色 为 “白色 ”， 在 舞台 中 央 绘 制 一 个 直径 为 “10” 的 正 圆 。 

5. 绘制 气球 
ES 新 建 图 形 元 件 “ 红 气球 ”， 选 择 工 具 箱 中 的 “椭圆 工具 ”设置 笔触 颜色 为 
“#B10148”， 填 充 颜色 为 “无 "， 配 合 铅笔 工具 绘制 出 气球 的 轮廓 ， 然 后 使 用 “颜料 桶 工 
具 ” 给 气球 涂 上 红色 ， 最 后 使 用 “刷子 工具 ”， 设 置 填充 颜色 为 “和 白色”， 为 气球 画 上 亮光 ， 
其 具体 步骤 如 网 2. 68 所 示 。 


a) b) 0) 


图 2. 68 “和 气球 ”的 绘制 步骤 














ES 直接 复制 元 件 “ 红 气球 ”为 “ 绿 气球 ”， 更 改 颜色 设置 。 按 此 方法 创建 元 件 “ 黄 
人 

6. 绘制 背景 
E35P> 单 击 “ 时 间 轴 ”面板 上 的 “场景 ”按钮 ， 回 到 主场 景 。 选 择 工 具 箱 中 的 “和 窍 形 工 
具 ”,， 设置 笔触 颜色 为 “黑色 ”， 填 充 颜 色 为 “无 "， 在 舞台 中 央 绘 制 一 个 尺寸 为 “600 x 
400” 的 和 矩形， 再 使 用 “ 铝 笔 工具 ”， 选 择 “ 平 滑 ” 模 式 ， 绘制 出 如 图 2.69 所 示 的 背景 轮 
廓 。 然 后 使 用 “颜料 桶 工具 ”为 天 空 填充 纯色 “ 哲 4CAE6”， 对 草地 进行 线性 样式 填充 ， 色 
块 设置 依次 为 “#D1E301”、 “起 1C226” 和 “ 娄 8AA3B”。 选 择 “ 墨 水 瓶 工 具 ”， 打 开 “ 属 
性 ”面板 , 设置 笔触 颜色 值 为 “#9DCD18”,， 设置 “笔触 ”大 小 为 “10”,， 单 击 “ 笔 触 设 
置 ” 按 钮 ， 在 “笔触 样式 ”窗口 中 设置 “类 型 ”为 “斑马 线 ”,“ 粗 细 ” 为 “ 粗 ”,“ 间 隔 ” 
为 “非常 远 ”, “ 微 动 ”为 “强烈 ”， 其 设置 值 如 图 2. 70 所 示 ， 最 后 对 草地 边缘 进行 上 色 ， 
使 其 边缘 具有 小 章 的 效果 ， 最 终 殖 末 如 图 2. 69b 所 示 。 
E32> 重 命名 “网 层 1” 为 “天 空 ”， 选 中 草地 部 分 ， 单 击 鼠 标 右键 ， 在 弹出 沫 单 中 选择 
“转化 为 元 件 …”， 在 弹出 窗口 中 的 “名 称 ” 文 本 框 中 输入 “和 草地 ”， 创 建 图 形 元 件 “ 章 
地 ”。 用 鼠标 右键 单 击 图 层 “ 天 空 ” 中 的 “ 章 地 ”元 件 ， 在 弹出 的 沫 单 中 选择 “ 剪 切 ” 选 
项 ， 新 建 图 层 “ 草 地 ”， 在 舞台 空白 处 单 击 鼠标 右键 ， 在 弹出 的 菜单 中 选择 “粘贴 到 当前 位 
置 ”， 这 样 把 天 空 和 和 草地 的 绘制 分 别 放 置 在 不 同 的 图 层 中 。 
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图 2.70 草地 边缘 颜色 属性 设置 


EB 新建 图 层 ， 重 命名 为 “ 绿 树 ”。 选 择 “ 椭 圆 工 具 ”， 激 活 对 象 绘制 按钮 ， 设 置 笔触 
颜色 为 “无 "， 填 充 颜 色 为 “绿色 ”， 在 草地 和 天 空 相 接 之 处 绘制 一 系列 大 小 不 一 的 相交 贺 
形 ， 让 其 高 低 错 落 有致 ， 如 图 2.71 所 示 ， 最 后 按 【 Ctrl + B】 键 将 图 形 打 散 ， 删 除 超 出 背景 


月 所 





图 2.71 绿 树 绘制 步骤 
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外 的 部 分 。 将 绿 树 转化 为 影片 剪辑 元 件 “ 绿 酝 ”， 打 开 “ 属 性 ”面板 ， 单 击 “ 滤 伐 ” 选 项 
中 的 “添加 涯 镜 ” 按 钮 ， 如 图 2.72 所 示 ， 为 元 件 “ 绿 树 ” 添 加 “发 光 ” 效 果 。 


洋 例 和 名称; 加 


aE" 





添加 滤 镜 





图 2.72 为“ 绿 树 ”设置 滤 镜 效果 


ESES7 参 ”新 建国 层 ， 重 命名 为 “白云 ”。 依 照 绿 树 的 方法 绘制 白云 ， 添 加 滤 镑 效果 ， 并 调整 
图 层 顺序 ， 如 图 2. 73 所 示 。 





a) 时 间 轴 设置 顺序 b) 背 景 绘制 效 采 图 
2.73 ” 背 昌 图 层 的 设置 顺序 及 绘制 效果 图 


7. 放置 卡通 元 素 
EB5B> 新 建 图 屋 ， 重 命名 为 “ 花 朱 ”。 选 择 工具 箱 中 的 “Deco 工具 ”， 打 开 “ 属 性 ” 面 
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板 ， 如 图 2. 74 所 示 ， 在 “绘制 效果 ”选项 处 选择 “3D 刷子 ”， 单 击 “ 编 辑 …” 按 钮 ， 弹 出 
“选择 元 件 ” 对 话 框 ,依次 选择 “ 粉 花 ”"、“ 贡 化 ”、“ 蓝 花 ” 和 “紫花 ”， 在 “高 级 选项 ” 
中 设置 最 大 对 象 数 为 “500” ,在 舞台 上 按 住 鼠 标 左 键 拖 动 完成 伦 东 的 喷绘 。 
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2.74 “Deco 工具 ”绘制 花 采 属性 设置 


EB3B> 新 建 图 屋 ， 重 命名 为 “ 宫 光 ”。 依 照 上 述 方法 ,使 用 “Deco 工具 ”,， 设置 “绘制 效 
宁 ” 的 绘制 对 和 象 为 宫 点 和 五 角 星 有 党 光 ， 在 天 空 处 完成 腕 光 的 咀 绘 。 其 效果 如 图 2. 75 所 示 。 








图 2.75 ” Deco 工具 绘制 效果 


5B> 新 建 图 层 “ 花 束 " 。 打 开 “ 库 ”面板 ， 拖 动 元 件 “ 花 束 ” 到 粤 台 上 ， 选 中 “花束 ” 
元 件 ， 按 住 【Cul】 键 ， 拖 动 鼠标 左 键 ， 依 次 复制 出 3 个 花束 。 使 用 “变形 工具 ”分 别 对 它 
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们 的 大 小 进行 调整 ， 并 放置 到 舞台 上 合适 的 位 置 上 。 
ES 新 建 图 屋 “ 气 球 ”。 打 开 “ 库 ”面板 ， 拖 动 不 同 颜色 的 “气球 ”到 有 舞台 上 ,使 用 
“变形 工具 ”分 别 对 它们 进行 大 小 的 调整 ， 放 置 到 舞台 上 合适 的 位 置 上 。 







下 志 在 Flash 中 ,，【Ctbl+ 和 饼 标 左 键 】 拖 动 可 实现 对 象 的 复制 。 组 合 键 【Ctr + DD】 
可 实现 对 象 的 错位 复制 。 





ENSS 新 建 图 屋 “ 动 物 ”。 打 开 “ 库 ”面板 ， 拖 动 元 件 “ 卡 通 猫 ” “卡通 免 ”到 舞台 上 ， 
使 用 “变形 工具 ”分 别 对 它们 进行 大 小 的 调整 ， 放 置 到 舞 合 上 合适 的 位 置 上 。 复 制 一 个 
“卡通 猫 ” 对 象 ,选中 该 对 象 ， 执 行 “ 修 改 " 一 “变形 ”一 “水 平 翻转 ” 采 单 命令 ， 复制 出 一 
个 对 称 的 “卡通 猫 ” 形 象 。 


)-E 在 Flash 中 可 借助 “水 平 翻转 ” 菜单 命令 ， 实 现 水 平 对 称 图 形 的 绘制 ， 借 助 
“ 重 直 翻转 ”菜单 命令 ， 可 复制 出 一 个 重 直 对 称 图 形 的 绘制 ， 壁 如 倒影 。 


8. 设置 文字 

ES 新 建 图 层 “ 文 字 ”。 选 择 工 具 箱 中 “文本 工具 ”， 打 开 “ 属 性 ”面板 ,设置 文字 系 
列 为 “青岛 华 光 人 简 腾 头 鱼 ”， 大 小 为 “60 点 ”， 输 入 “开心 六 一 ”， 在 其 下 方 输入 “快乐 
做 主 ”。 

ES 连续 两 次 执行 “修改 "一 分离 ” 沫 单 命 令 ， 使 文字 打 散 成 图 形 对 象 。 打 开 “ 颜 
色 ” 面 板 ， 设 置 笔触 颜色 为 纯色 “#FFFF99”， 填 充 颜 色 类 型 为 “ 径 向 渐变 ”， 设 置 色 块 依 
次 为 “#DC177A”、“#FFFFFF”， 使 用 “墨水 瓶 工具 ”为 文字 描 边 , “颜料 桶 工具 ”为 文字 
上 色 。 其 效果 如 图 2. 76 所 示 。 


- TW 6 


小 大 0: 


图 2.76 文字 的 绘制 效果 








9. 测试 动画 效果 
至 此 动画 已 全 部 完成 ， 按 组 合 键 【Ctrl + Enter】 测试 动 画 效 果 ， 确认 无 误 后 保存 文档 。 


【技术 讲解 】 





A “Deco 工具 ”的 使 用 


“Deco 工具 ”是 Flash 中 一 种 可 以 实现 喷涂 填充 工具 ， 使 用 Deco 工具 可 以 快速 完成 大 量 
相同 元 系 的 绘制 ， 也 可 以 应 用 它 制 作出 很 多 复杂 的 动画 效果 。 将 其 与 图 形 元 件 和 影片 剪辑 元 
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件 配 合 ， 可 以 制作 出 效果 更 加 丰富 的 动画 效果 。 

在 Flash CS6 中 总 共 提 供 了 13 种 绘制 效果 ， 包 括 节 蔓 式 填 充 、 网 格 填充 、 对 称 刷 子 、 
3D 刷子 、 建 筑 物 刷子 、 装 饰 性 刷子 、 火 焰 动 画 、 火 焰 刷 子 、 花 刷子 、 闪 电 刷 和子、 粒子 系统 、 
烟 动 画 和 树 刷 子 。 下 面 简单 介绍 其 中 4 种 常用 的 绘制 效果 。 

1. 膝 萝 式 填充 

利用 腾 葛 式 填充 效果 ， 可 以 用 腾 蝇 式 图 案 填 充 舞 台 、 元 件 或 封闭 区 域 。 通 过 从 库 中 选择 
元 件 ， 可 以 蔡 换 叶子 和 花 朱 的 插图 。 其 默认 形状 坦 充 效果 如 图 2. 77 所 示 。 











图 2.77 芯 草 式 默 认 形状 填充 效果 图 


2. 网 格 填 充 
网 格 填 充 可 以 把 基本 图 形 元 素 复 制 ， 并 有 序 地 排列 到 整个 舞台 上 ， 产 生 类 似 壁 纸 的 效 
果 。 图 2.78 所 示 为 一 个 花 森 元件 和 一 个 默认 图 形 进 行 网 格 填充 的 效果 图 。 


四 本 本 本 加 图 本 加 图 图 
图 2.78 网 格 填 充 效果 图 


3. 3D 刷子 
通过 3D 刷子 效果 ， 可 以 在 舞台 上 实现 元 件 随 机 喷涂 的 效果 ， 并 且 具 有 3D 透视 效果 。 
这 个 效果 在 案例 中 已 经 应 用 ， 这 里 不 再 举例 。 
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4. 建筑 物 刷 子 


通过 使 用 建筑 物 刷 子 效果 ， 可 以 在 舞台 上 绘制 建筑 物 。 建 筑 物 的 外 观 取 决 于 为 建筑 物 属 
性 选择 的 值 。 图 2.79 所 示 为 建筑 刷子 绘制 的 建筑 效果 图 。 


图 2.79 建筑 刷子 绘制 的 建筑 效果 图 








A “任意 变形 工具 ”的 使 用 


使 用 “任意 变形 工具 ”可 以 对 图 形 进行 缩放 、 旋 转 、 倾 斜 、 翻 转 、 透 视 、 封 侠 等 变形 
操作 ， 进 行 变形 的 对 象 既 可 以 是 矢量 图 形 也 可 以 是 位 图 或 文字 。 

使 用 “任意 变形 工具 ”的 具体 方法 如 下 . 

1. 选择 对 象 

在 工具 箱 中 选择 “任意 变形 工具 ”， 它 在 工具 箱 中 的 选项 区 ， 有 5 个 选项 ， 如 图 2. 80 所 
示 。 在 舞台 上 用 鼠标 单 击 需要 编辑 的 对 象 ， 对 象 就 处 于 被 选中 的 状态 ， 其 周围 会 出 现 控制 框 
和 8 个 控制 点 ， 如 图 2. 81 所 示 。 
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2. 旋转 与 倾斜 
将 鼠标 移 至 线 框 的 四 角 时 ， 当 指针 变 为 “旋转 ”形状 时 ， 拖 动 鼠 标 ， 可 将 图 形 进 行 旋 
转 。 将 女 标 移 至 边框 线 上 上 时， 指针 会 随 之 改变 ， 拖 动 鼠 标 可 进行 倾斜 操作 ， 如 图 2. 82 所 示 。 





a) 旋 转 图 形 b) 倾斜 图 形 
图 2. 82 旋转 与 倾斜 图 形 


&2 注意 ; 用 任意 意 变 形 工 具 选 择 了 对 象 后 ， 对 和 象 中 心 会 出 现 一 个 形状 为 圆圈 的 控制 点 ， 
调整 这 个 控制 点 ， 可 以 改变 对 象 的 旋转 中 心 。 





3. 缩放 对 象 

将 鼠标 光标 移 到 控制 框 四 角 的 控制 点 上 ， 光 标 变 为 “%” 或 者 “vw” ”形状 时 ， 按 住 鼠 标 
左 刍 癌 图 形 内 部 拖 动 ， 可 缩小 图 形 ;， 向 外 拖 动 可 放大 图 形 。 如 图 2. 83 所 示 。 将 光标 移 到 控 
制 框 四 边 的 控制 点 上 ， 当 光标 变 为 “” 或 者 “+? ”形状 时 ， 按 住 鼠 标 左 键 拖 动 水 平 或 者 
垂直 方 癌 的 控制 点 ， 可 改变 图 形 在 水 平 或 者 垂直 方向 上 的 大 小 。 





图 2.83 缩放 对 象 
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4. 扭曲 

选择 需要 变形 的 对 象 ， 用 女 标 单 击 工 具 箱 选项 区 的 “扭曲 ”按钮 ， 拖 动 女 标 ， 可 进行 
扭曲 操作 ， 如 图 2. 84 所 示 。 

5. 封套 

选择 需要 变形 的 对 象 ， 鼠 标 单 击 工 具 箱 选 项 区 的 “封套 ”按钮 ， 图 形 进 入 封套 状态 ， 
控制 框 周 于 会 出 现 一 系列 变形 点 ， 用 鼠标 拖 动 变形 点 或 者 切线 手柄 ， 可 进行 封套 操作 ， 如 
图 2. 85 所 示 。 











图 2.84 扭曲 图 形 图 2.85 对 图 形 进 行 封套 操作 
人 二 2 生 要 结束 变形 操作 ， 单 击 手 台 空 白 区 域 即 可 。 


A “渐变 变形 工具 ”的 使 用 


“渐变 变形 工具 ”可 用 来 调整 渐变 色 填 充 和 位 图 填充 的 效果 ， 如 所 填 颜 色 的 范围 、 方 癌 
和 角度 等 。 

1. 渐变 色 填 充 

渐变 色 填 充分 为 线性 渐变 和 径 问 渐变 (也 叫 放 射 状 渐变 ) 两 种 。 对 于 不 同 的 渐变 方式 ， 
填充 变形 工具 有 不 同 的 调整 方法 。 先 用 女 标 单 击 “渐变 变形 工具 ”， 再 用 鼠标 单 击 线 形 淘 变 
区 域 ， 图 形 的 外 围 会 显示 渐变 中 心 点 、 渐 变 方 回 控 制 柄 和 浙 变 施 围 控制 顶 。 拖 动 控制 柄 或 者 
移动 控制 点 会 出 现 不 同 的 颜色 填充 效果 ， 如 图 2. 86 所 示 。 图 2. 87 径 向 填充 渐变 区 域 产生 的 
渐变 中 心 点 和 相关 控制 柄 ， 调 整 变形 点 或 者 拖 动 控制 柄 会 出 现 不 同 的 填充 效果 ， 图 2. 88 为 
径 癌 填充 几 种 不 同 的 效果 图 。 

2. 位 图 填充 

在 对 图 形 进行 了 位 图 填充 之 后 ， 再 选择 “ 潮 变 变形 工具 ”， 并 在 填充 好 的 位 图 上 单 击 鼠 
标 左 键 ,会 出 现 位 图 填充 调节 框 ， 效 果 如 图 2. 89 所 示 。 利 用 调节 框 可 对 位 图 进行 调整 ， 其 
基本 用 法 与 渐变 填充 的 方法 一 样 。 
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渐变 方向 控制 栖 渐变 范围 控制 柄 





渐变 中 心 点 
图 2.86 线性 填充 的 渐变 中 心 和 控制 柄 





图 2.87 径 向 填充 的 渐变 中 心 和 控制 柄 





b) 


图 2.88 为 径 向 填充 几 种 不 同 的 效果 图 





AN 





入 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


横向 倾斜 位 图 


调节 位 图 横向 间距 








调节 位 图 大 小 
调节 位 图 纵向 间距 
图 2. 89 位 图 填充 的 颜色 调整 


A “设计 ”面板 的 使 用 


“设计 ”面板 主要 用 来 编辑 舞台 上 选 定 的 对 象 ， 包 括 “ 对 齐 ” “变形 ”和 “信息 ”三 
个 面板 。 这 三 个 面板 在 动画 的 制作 过 程 中 会 经 常用 到 。 

1. “对 齐 ” 面 板 

执行 “窗口 ”一 对齐” 菜单 命令 ， 或 者 使 用 组 合 键 【Ctrl +K】 可 以 打开 “对 齐 ” 面 
板 。 如 图 2. 90 所 示 ， 对 齐 面 板 可 以 调整 选 定 对 象 的 对 齐 
( 左 对 齐 、 水 平 中 齐 、 右 对 齐 、 上 对 齐 、 垂 直 中 齐 和 底 对 
齐 ) 和 分 布 方式 。 单 击 “ 相 对 于 舞台 ”按钮 后 ， 可 以 选 定 
对 象 相 对 于 舞台 进行 对 齐 和 分 布 。 

2. “变形 ”面板 

执行 “窗口 ”一 变形” 沫 单 命令 ， 或 者 使 用 组 合 键 
【Ctrl +T】 可 以 打开 “变形 ”面板 ,“ 变 形 ”面板 可 以 对 选 
定 对 象 执 行 缩放 、 旋 转 、 倾 斜 和 创建 副本 的 操作 。 如 对 与 舞台 对 齐 
图 2.91 所 示 ,“ 变 形 ” 面 板 分 为 三 个 区 域 : 最 上 面 的 是 缩 
放 区 ， 可 以 输入 “垂直 ”和 “水 平 ” 缩 放 的 百分比 值 ， 选 
中 “约束 ” 复 选 框 ， 可 以 使 对 象 按 原 来 的 长 宽 比 例 进行 缩 
放 ; 中 间 区 域 是 旋转 单 选 框 ， 选 中 它 后 可 以 输入 旋转 角度 ， 
使 对 象 旋转 ; 最 下 面 的 是 倾斜 单 选 枉 ， 选 中 它 后 可 通过 输入 “水 平 ” 和 “垂直 ”角度 来 倾 
和 斜 对 象 。 单 击 面板 下 方 的 “复制 并 应 用 变形 ”按钮 ， 可 执行 变形 操作 并 且 复 制 对 象 的 副本 ; 
单 击 “ 重 置 ”， 可 恢复 至 上 一 步 的 变形 操作 。 


| 








图 2.90 “对 齐 ” 面板 
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3. “信息 ”面板 
在 “信息 ”面板 中 可 以 查看 或 者 修改 舞台 上 对 象 的 宽度 、 高 度 ， 查 看 或 者 更 改 舞台 上 


对 象 的 位 置 ， 如 图 2. 92 所 示 。 








逐 帧 动画 是 一 种 常见 的 动画 形式 , 其 原理 是 在 “ 连 
续 的 关键 帧 ”中 分 解 动 画 动作 ， 也 就 是 在 时 间 轴 的 每 
帧 上 逐 帧 绘制 不 同 的 内 容 ， 使 其 连续 播放 而 成 为 动画 。 


逐 帧 动画 的 原理 
逐 帧 动画 的 制作 步 又 
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见 功效 3 


逐 帧 动画 的 特点 


为 逐 帧 动画 的 帧 序列 内 容 不 一 样 ， 不 但 给 制作 增加 了 负担 而 且 最 终 和 输出 的 文件 量 也 很 
大 ， 但 它 的 优势 也 很 明显 : 逐 帧 动画 具有 非常 大 的 灵活 性 ， 几 乎 可 以 表现 任何 想 表 现 的 内 
容 ， 且 类 似 于 电影 的 播放 模式 ， 很 适合 表演 细 肛 的 动画 。 例 如 ， 人 物 或 动物 的 急剧 转身 、 头 
发 及 衣服 的 飘动 、 走 路 、 说 话 以 及 精致 的 3D 效果 等 。 











2 。 海 尔 新 春 送 大 礼 ”商业 广告 
GE 
【 案例 概述 】 


本 案例 使 用 “ 逐 帧 动画 ”技术 制作 了 一 个 “新 春 送 大 礼 ” 商 业 广 告 。 通 过 本 案例 的 学 
习 ， 读 者 主要 可 以 掌握 什么 是 “ 逐 帧 动画 ”， 和 掌握 通过 导 和 图像 序 列 的 方法 制作 “ 逐 帧 动 
画 ”， 及 创建 逐 帧 动画 的 步 又。 其 部 分 效果 如 图 3. 1 所 示 。 


海尔 网 上 商城 


ee 工大 和 


所 有 电 冀 一 律 八 折 





【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 选 择 动 作 脚 本 为 ActionScript 2. 0。 设置 文档 
大 小 为 680 x400 像素 ， 帧 频 为 24。 执 行 “ 文 件 ” 一 “保存 ” 采 单 命令 ， 将 新 文档 保存 ， 命 名 
为 “海尔 新 春 送 大 礼 ”， 并 保存 。 

入 和 
EDP> 将 “海尔 新 春 送 大 礼 ” 和 素材 文件 下 的 所 有 图 片 导 入 到 文档 的 库 中 ， 如 图 3. 2 所 示 。 
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入 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


ES 将 “图 层 1” 重 命名 为 “背景 ”， 将 库 中 的 “到 景 . jpg” 拖 到 “背景 ”图 层 第 1 巾 
的 舞台 上 。 选 中 舞台 上 的 位 图 ， 打开 “属性 ”面板 ， 设 置 该 位 图 的 大 小 和 位 置 ， 其 中 宽 为 
680 ， 高 为 400, X 为 0, 了 为 0， 如 图 3.3 所 示 。 


未 命名 -1 lz 划 负 





于 | 洗衣 机 .png 
图 热 术 器 .jpg 
车 | 礼物 .png 
空调 .png 
恭贺 新 春 .png 
区 | 电视 机 .png 
电 饭 侣 .png 
冰箱 .png 


背景 .jpg 入) 帘 : 680.00 高 : 400.00 





图 3.2 “ 库 ” 面 板 效 果 图 图 3.3 “属性 ”面板 的 设置 效果 


ESB> 执行 “插入 ”一 “新 建 元 件 ” 菜 单 命 令 ， 打开 “创建 新 元 件 ” 对 话 框 ,设置 元 件 名 
称 为 “和 矩形”， 元 件 类 型 为 “影片 副 辑 ”"， 如 图 3.4 所 示 ， 设置 完成 后 单 击 “ 确 定 ” 近 钮 。 


0 EE LE 
类 型 (T): 
文件 赤 : 库 根 上 录 

高 级 





图 3.4 “创建 新 元 件 ” 对 话 框 设置 效果 


ETO7$$h 进 入 “和 矩形 ”元 件 编辑 状态 ， 如 图 3.5 所 示 ， 在 舞台 上 绘制 一 个 矩形 ， 颜 色 为 红 
色 (#CC0000)， 大 小 任意 ，X 和 YY 的 值 均 为 0。 

ES 单 击 舞台 左上 角 的 “场景 1”， 回 到 “场景 站 

1” 的 编辑 状态 ， 在 “背景 ”图 层 上 面 新 建 一 个 图 








层 ， 重 命名 为 “红色 矩形 块 "， 将 “矩形 ”元 件 拖 到 | 中国 CE 
该 图 层 第 ap 调整 “ 逢 形 ” 元 件 的 大 小 和 
位 置 ， 让 其 能 覆盖 整个 舞台 ， 选 中 “ 算 形 ”元 件 实例 ， 


在 ee ye 设置 色彩 效果 样式 为 “Alpha”， 
并 设置 Alpha 值 为 55% ， 如 图 3.6 所 示 。 在 “红色 和 矩 图 3.5 “和 矩形” 元件 编辑 状态 


青 肯 2 见 功 效 |) 


形 块 ”图 层 的 第 8 帧 处 单 击 申 标 右键 ， 在 弹出 的 快捷 表单 中 选择 “插入 关键 帆 " ， 然 后 调整 
sa ”元 件 实例 ， 设 置 其 沉 度 为 395， 高 度 为 250, XX 为 21，Y 为 148。 单 击 该 
图 层 第 1 至 第 8 帧 之 间 的 任意 一 帧 ， 执 行 “ 搬 入 ”一 传统 补 间 ” 沈 单 命令 ， 即 创建 了 一 个 
ee 从 而 实现 了 矩形 的 缩小 。 其 中 时 间 轴 的 效果 如 图 3.7 所 示 。 
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二 


wr 色彩 效果 
Alpha: 一 一 一 一 一 | 55 | 紧 





图 3.6 设置 “和 矩形 ”元 件 图 3.7 “红色 和 矩形 块 ” 图 层 的 
实例 的 Alpha 值 传统 补 间 动画 效果 


ES 新 建 一 个 图 形 元 件 “ 新 春 ”， 进 入 元 件 编辑 
状态 ， 把 库 中 的 “ 茶 资 新春” 图 片 拖 放 到 舞台 上 ， 
然后 按 组 合 键 【CTRL+B】 (或 者 执行 “修改 ”一 “分 
离 ” 采 单 命令 )， 将 位 图 分 离 ， 然 后 把 “ 茶 帝 ”两 个 
字 删 除 ， 只 人 保留“ 新春” 两 个 字 ， 利 用 墨水 瓶 工 具 
给 “新 春 ” 两 个 字 添 加 黑色 边框 线 ,最 终 效 果 如 
图 3.8 所 示 。 








图 3.8 “新 春 ” 两 个 字 的 效果 图 


全 技巧 ， 删除 “ 茶 贺 ”两 个 字 时 ， 期 初 可 以 先 使 用 选择 工具 选中 “ 茶 帝 ”两 个 字 的 
大 部 分 ， 然 后 按键 盘 上 的 【Delete】 键 ， 在 和 “新 春 ” 两 个 字 接 近 的 部 分 ， 可 以 
使 用 橡皮 探 工 具 探 除 。 


ESE7IS 问 到 “场景 1”， 在 “红色 抢 形 块 ”图 层 上 方 新 建 一 个 图 层 ， 重 命名 为 “文本 ”， 
在 图 层 上 放置 文本 “海尔 网 上 商城 ” ， 字 体 大 小 为 26 ， 颜 色 为 黄色 ,字体 为 华文 楷体 ，X 为 
498,，Y 为 15。 再 放置 文本 “ 送 大 礼 ”， 字 体 大 小 为 60， 颜 色 为 白色 ,字体 为 方正 舒 体 ，X 
为 478, 了 为 49。 把 做 好 的 “新 春 ” 元 件 拖 放 到 舞台 合适 位 置 上 ， 把 库 中 的 “礼物 . png” 
位 图 拖 放 到 舞台 上 ， 调 整 位 图 的 宽度 和 高 度 均 为 80 ， 并 调整 位 图 的 位 置 ， 读 者 可 参照 图 3. 1 
合理 安排 各 个 对 象 的 位 置 。 
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斑 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


WB> 在 库 中 利用 电 帮 的 6 张 位 图 ， 制 作 6 个 图 形 元 件 ， 名 称 分 别 为 “ 热 水 冀 空 
“洗衣 机 ”、“ 电 饭 煲 ”"”、“ 电 视 机 ”和 “ 电 冰 箱 ”。 制 作 方法 很 售 单 ， 只 需 把 对 应 位 图 
放 在 元 件 中 ， 将 位 图 分 离 ， 分 离 后 把 电 融 图 片 的 背景 删除 即 可 。 
技巧 : 在 删除 电器 背景 时 ， 首 先 要 选中 背景 ， 选 中 背景 可 以 使 用 选择 工具 ， 也 可 
以 使 用 魔术 棒 选 择 背 景 。 选中 背景 后 ， 按 键盘 上 的 【Delete】 键 即 可 删除 ， 也 可 
以 借助 橡皮 擦 工具 擦 除 部 分 背景 。 








1 信和 选择 套 索 工具 箱 后 ， 在 工具 箱 的 选项 区 可 以 看 到 有 “魔术 棒 ” 按 钮 ， 魔 术 棒 
工具 是 专门 对 位 图 图 形 设 置 用 的 ， 可 以 用 于 位 图 复杂 色 块 的 选择 。 





ee 回 到 “场景 1”， 在 “文本 ”图 层 上 方 新 建 一 个 岁 层 ， 重 命名 为 “ 电 需 ”， 在 “ 电 

”图 层 的 第 10 帆 处 插入 一 个 关键 由 把 “ 热 水 需 ”元 件 拖 到 舞台 上 ， 调 整 元 件 实 例 的 大 
A 在 “电器 ”图 层 的 第 20 帧 处 搬入 一 个 关键 帧 ， 再 把 元 件 拖 放 到 有 舞台 
上 ， 调 整 “ 空 调 ” 元 件 实例 的 大 小 和 位 置 。 用 同样 的 方法 分 别 在 “电器 ”图 层 的 第 30 帧 、 
第 40 帧 、 第 50 帧 和 第 60 帧 处 依次 搬入 一 个 关键 帧 ， 每 次 多 放置 一 个 电 需 元 件 ， 分 别 调整 
元 件 实例 的 大 小 和 位 置 。 





Ea 注意 : 所 有 的 电器 元 件 实例 最 终 放 置 到 舞台 上 之 后 ， 应 该 置 于 Step5 中 做 好 的 红色 


小 矩形 块 内 。 





ER 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “文本 动画 ”， 进 入 元 件 编辑 状态 ， 在 “图 层 1” 

第 1 帧 的 舞台 上 用 文本 工具 输入 “所 有 电 需 一 律 八 折 ” 几 个 字 ， 设 置 大 小 为 30 点， 字体 为 
党 你 ， 颜色 为 黄色 。 然 后 分 离 文 本 为 单个 的 文字 。 在 “图 层 1” 的 第 S 帧 、 第 10 帧 、 第 15 
帧 、 第 20 帧 、 第 25 帧 、 第 30 帧 和 第 35 帧 处 分 别 插入 一 个 关键 帧 ， 在 第 40 帧 处 插入 一 个 帧 。 
选中 第 30 帧 ， 把 舞台 上 的 “ 折 ” 字 删除 ， 选 中 第 25 帧 ， 把 舞台 上 的 “ 八 ” 和 “ 折 ” 两 个 字 
删除 ， 依 此 类 推 ， 前 面 的 每 一 个 关键 帧 都 要 依次 多 删 一 个 字 。 新 建 一 个 图 层 ， 在 “图 层 2” 的 
第 40 帧 处 搬入 一 个 关键 帧 ， 用 鼠标 右键 单 击 该 关键 帧 ， 在 弹出 的 快捷 菜单 中 选择 “动作 ”会 
弹出 “动作 ”窗口 的 右 侧 窗 格 中 输入 “stop() ;”， 最 终 时 间 轴 效果 如 图 3. 9 所 示 。 
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BBW 加 到 “场景 1”， 在 “ 电 需 ”图 层 上 面 新 建 一 个 图 层 ， 重 命名 为 “文本 动画 ”， 在 
该 图 层 的 第 70 帧 处 插入 一 个 关键 帧 ， 并 把 “文本 动画 ”元 件 拖 到 该 帧 的 舞台 上 。 

SI》 新 建 一 个 影片 剪辑 类 型 的 元 件 ， 重 命名 为 “欢迎 光临 ” ， 进 入 该 元 件 的 编辑 状态 ， 
执行 “文件 ”一 “ 导 和 人 ”一 “导入 到 舞台 ”有 亲 单 命令 ， 如 图 3. 10 所 示 ， 会 弹出 一 个 “导入 ” 
对 话 框 ， 打 开 “ 海 尔 新 春 送 大 礼 ” 系 材 文件 夹 ， 如 图 3. 11 所 示 。 选 择 “01. png” 文 件 ， 会 
弹出 一 个 确认 框 ， 如 图 3. 12 所 示 ， 选 择 “ 是 ”。 则 把 系 材 文件 夹 下 的 01 ~04 四 张 位 图 分 别 
放置 到 图 层 1 的 4 个 关键 帆 下 。 也 就 是 自动 生成 了 一 个 逐 帆 动画 ， 为 了 让 动画 的 速度 慢 些 ， 
我 们 分 别 选中 4 个 关键 帆 , 按 4 次 【F5】 键 ， 延 长 每 个 画面 的 时 间 。 
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图 3.11 “导入 ”对 话 框 
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广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


Adaobe Flash CS6 


用 此 如 性 看 起 来 是 图 像 序列 的 组 成 部 分 。 是 百 写 入 序列 中 的 所 有 图 像 4 


| 是 || 吾 || MH 





图 3. 12 “是 否 导入 序列 中 所 有 图 像 ” 的 确认 框 


SR 加 到 “场景 1”， 新 建 一 个 图 层 ， 重 命名 为 “欢迎 光临 ”， 在 该 图 层 的 第 105 帧 处 
插入 一 个 关键 帧 ， 把 “欢迎 光临 ”元 件 拖 到 该 帧 的 舞台 上 ， 然 后 跳 帧 该 元 件 实例 的 大 小 和 
位 置 。 

SO 新 建 一 个 图 层 ， 重 命名 为 “活动 时 间 ”， 在 该 图 层 的 第 135 帧 处 插入 一 个 关键 帧 ， 
然后 输入 文本 “2 月 10 日 10: 00 到 2 月 28 日 20: 00”， 设置 文本 的 大 小 为 16 点 ， 字 体 为 
黑体 ， 颜 色 为 黄色 ， 调 整 文本 的 位 置 。 

BE5E 选择 所 有 图 层 的 第 150 帧 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 ， 选择 “插入 
帧 ”。 

SEO 保存 文件 ， 测 试 动画 ， 测 试 方法 为 : 执行 “控制 "一 “测试 影片 ”一 “在 Flash Profes- 
sion 中 ” 沫 单 命令 或 者 直接 用 【Ctrl + Enter】 组 合 键 来 演示 动画 。 


【技术 讲解 】 





A 导入 图 像 序列 


制作 Flash 动画 时 ， 大 多 数 情 况 下 都 会 用 到 多 媒体 素材 ， 这 些 素材 可 以 是 图 像 、 视 频 、 
声音 等 。 下 面 先 介 绍 Flash 中 如 何 导 入 图 像素 材 。Flash 既 可 以 导入 矢量 网 形 ， 也 可 以 导入 位 
图 图 像 ， 文 持 后 绥 是 . gf、. jpg、. psd、. bmp 等 的 图 像 文 件 ， 如 采 试 图 导入 Flash 系统 不 文 
持 的 文件 格式 ， 则 会 弹出 一 个 警告 信息 ， 使 得 导入 操作 无 法 完成 。 导 入 到 Flash 的 图 形 文件 
的 像素 大 小 至 少 为 2 x2。 

要 将 图 像 文件 导入 到 Flash 中 ， 可 以 执行 “文件 "一 导入"-” 导入 到 舞台 ” 沫 单 命 令 或 
者 执行 “文件 ”一 “导入 ”一 “导入 到 库 ” 羔 单 命令 ， 都 会 弹出 “导入 ”对 话 框 ， 然 后 选择 素 
材 文件 ， 单 击 “ 打 开 ” 按 钮 ， 就 可 以 将 图 片 导 入 到 舞台 或 者 库 中 。 不 论 是 哪 种 情况 ， 所 有 
导入 到 Flash 文档 中 的 图 片 都 会 目 动 放 入 该 文档 的 “ 库 ” 面 板 中 。 硅 要 使 用 文档 中 的 库 项 
目 ， 直 接 将 它 拖 到 舞台 中 即 可 。 

在 执行 “文件 ”一 导入 "一 导入 到 舞台 ” 沫 单 命 令 的 过 程 中 , 如果 导 入 的 位 图 是 一 个 
图 像 序 列 中 的 一 部 分 ， 那 么 在 导 和 时，Flasph 系统 会 询问 用 户 是 否 将 序列 中 的 所 有 图 像 全 部 
导入 。 如 采 选 择 “ 是 ”按钮 ， 就 会 把 序列 中 的 岁 像 全 部 导入 到 舞台 上 。 同 时 会 发 现 导 入 的 
图 像 以 逐 帧 动画 的 方式 放置 在 舞台 上 ， 也 就 是 说 时 间 轴 上 会 插入 奉 干 个 关键 帧 ， 第 1 个 关键 
帧 上 放置 图 像 序列 中 的 第 1 张 位 图 ， 第 2 个 关键 帆 上 放置 序列 中 的 第 2 张 位 图 ， 依 此 类 推 ， 
序列 中 有 几 张 位 图 ， 时 间 轴 上 就 有 几 个 关键 帧 。 时 间 轴 效 末 如 图 3. 13 所 示 。 
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图 3.13 导入 有 4 张 位 图 的 图 像 序列 后 的 时 间 轴 效果 


> 帧 的 操作 


1. 帧 的 类 型 


在 Flash 动画 制作 中 ,“ 帧 ”主要 有 如 下 三 种 : 


本 


1) 空白 关键 帧 。 空 白 关键 帧 为 白色 背景 带 有 黑 圈 的 帧 。 如 图 3. 14 所 示 ， 第 20 帧 处 即 6 


为 一 个 空 日 关键 帧 ， 表 示 在 当前 舞台 中 没有 任何 内 容 。 





图 3.14 空白 关键 帧 (第 20 帧 ) 效果 图 


2) 关键 帧 。 关 键 帧 为 灰色 背景 带 有 黑 点 的 帧 。 如 图 3. 14 所 示 ， 第 1 帧 和 第 14 帧 即 为 
关键 帧 。 表 示 在 当前 帧 对 应 的 舞台 中 存在 一 些 内 容 。 当 要 在 时 间 轴 上 某 一 时 间 点 改变 图 形 
时 ， 就 需要 在 该 时 间 点 搬入 一 个 关键 帧 。 

3) 帧 ， 也 叫 普通 帧 ， 当 时 间 轴 上 存在 多 个 帧 ， 最 后 1 帧 上 带 有 黑色 和 矩形 框 的 帧 。 如 图 
3. 14 所 示 ， 除 了 第 1 帧 和 第 14 帧 是 关键 帧 ， 第 20 帧 是 空白 关键 帧 外 ， 其 余 的 帧 都 是 普 
通 帧 。 

2. 帧 的 操作 

在 进行 动画 制作 的 过 程 中 ,经常 需 要 对 “ 帧 ”进行 编辑 ， 包 括 选择 帧 、 插 入 帧 、 移 动 
帧 、 删 除 帧 等 。 

1) 选择 帧 。 当 帧 被 选择 后 ， 该 帧 处 会 变 成 浅 蓝 色 。 选 择 帧 常用 方法 如 下 : 

(DD 按 住 【Ctrl】 键 ， 并 用 鼠标 左 键 分 别 单 击 所 要 选 的 帧 。 

@) 按 住 【Shift】 键 ， 并 用 鼠标 左 键 分 别 单 击 所 要 选 的 起 始 帧 和 结束 帧 ， 中 间 的 所 有 帧 
均 会 被 选中 。 

@) 用 鼠标 左 键 单 击 所 要 选 的 帧 ， 并 继续 拖 动 ， 其 间 的 所 有 帧 均 会 被 选中 。 

2) 插入 帧 。 在 时 间 轴 上 要 插入 帧 的 地 方 单 击 鼠 标 右 键 ， 在 弹出 的 对 话 框 中 选择 要 插入 
的 帧 的 类 型 。 或 者 执行 “插入 ”一 “时间 轴 ”菜单 命令 ， 然 后 选择 “ 帧 ” “关键 帧 ” “空白 
关键 帧 ”中 的 一 个 命令 。 或 者 按 快捷 键 【IHS】 搬 入 普通 帧 ， 按 快捷 键 【F6】 搬 和 人 关键 帧 ， 
按 快捷 键 【F7】 搬 入 空白 关键 帧 。 

3) 移动 (复制 ) 帧 。 选 中 一 个 或 多 个 帧 ， 按 住 鼠 标 左 键 ， 移 动 所 选 帧 到 目标 位 置 。 在 
移动 过 程 中 ， 如 采 按 住 【 Alt】 键 可 复制 所 选 的 帧 。 


Ds a | 
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4) 删除 帧 。 选 中 一 个 或 多 个 帧 ， 单 击 鼠 标 右 键 ， 在 弹出 的 对 话 杠 中 选择 “删除 帧 ” 
即 可 。 

5) 清除 帧 。 在 制作 动画 时 ， 如 果 不 再 需要 所 创建 的 帧 中 的 内 容 ， 可 以 将 内 容 清 除 。 可 
以 执行 “编辑 一” 时间 轴 ”一 ”清除 帧 ”命令 。 也 可 以 在 要 清除 的 帧 上 单 击 鼠标 右键 ， 在 弹 
出 的 快捷 菜单 中 选择 “清除 帧 ”。 

6) 由 居中 。 在 时 间 轴 的 下 方 有 一 个 “ 帧 居中 ”按钮 ， 单 击 该 按钮 ， 如 图 3. 15 所 示 ， 
能 使 播放 指针 所 在 的 帧 显示 在 “时 间 轴 ” 中间。 














二 全 DU 5 10 4 2 25 30 3 各 45 名 
本 图 层 9 口 
。 虚 海 纪 2 ** 国 量 昌 曙 晶 昌 晶 守 守 
上 堪 海 乌 1 * 。 国 |， 
PE .of | 
一 全 * * 国 \ ] 
3 1 ws os HT UL 


“ 帧 居中 ”按钮 


图 3.15 “时 间 轴 ”面板 上 的 “ 帧 居中 ”按钮 


7) 翻转 帧 。 如 采 要 使 动画 多 个 帧 的 播放 顺序 题 倒 ， 可 以 进行 翻转 帧 操作 。 其 方法 是 : 
在 时 间 轴 上 选中 要 翻转 的 帧 格 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “翻转 帧 ”命令 ， 
或 者 执行 业 单 “修改 ”一 “时 间 轴 ”一 “翻转 帆 ”。 

8) 切换 不 同 的 帧 显示 状态 。 在 “时 间 轴 ”窗口 的 














最 右上 方 ， 有 一 个 小 按钮 ， 单 击 该 按钮 ， 将 会 弹出 一 = 
个 下 拉 沫 单 ， 如 图 3. 16 所 示 ， 选 择 相 应 的 选项 ， 可 以 Pe 对 六 
更 改 巾 的 显示 方式 ,“ 时 间 轴 ”也 随 之 发 生变 化 。 帧 显 
示 方 式 的 下 拉 且 单 中 各 种 命令 的 含义 如 下 : 
e。“ 很 小 ”: 选择 该 命令 后 ， 时 间 轴 中 帧 的 间隔 距 关于 
离 最 小 。 0 Se 
。“ 小 ”: 选择 该 命令 后 ， 时 间 轴 中 帧 的 间隔 距离 J 
比较 小 。 二 
e。 “标准 ”: 该 选项 是 系统 默认 选项 ， 即 时 间 轴 中 x 
帧 的 间 阳 距离 正常 显示 。 3. 16 “ 帧 显示 状态 ”菜单 
e “中 ”: 选择 该 命令 后 ， 时 间 轴 中 帧 的 间隔 距离 
比较 大 。 








。“ 大 ”， 选择 该 命令 后 ， 时 间 轴 中 帧 的 间隔 距离 最 大 。 
EA 将 每 一 层 上 的 每 一 帧 画面 显示 在 时 间 轴 上 。 
“关联 预览 ”: 选择 该 命令 后 ,“ 时 间 轴 ”面板 上 会 以 按钮 符号 放大 或 缩小 的 比例 为 
来 它 人 相对 个 动 本 的 大 小 
“ 较 短 ”: 选择 该 命令 后 的 帧 高 度 较 短 。 
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。“ 彩 色 显示 帆 ”: 该 命令 是 系统 寺 认 的 选项 ， 选 择 该 命令 后 ， 帧 的 不 同 部 分 显示 为 不 
癌 的 颜色 。 


A 制作 逐 帧 动画 的 基本 方法 


医学 证 明 ， 人 类 具有 视觉 暂 留 的 特点 ， 即 人 眼看 到 物体 或 画面 后 ， 在 1/24s 内 不 会 消 
失 。 利 用 这 一 原理 ， 在 一 幅 画 没有 消失 之 前 播放 男 一 幅 画 ， 就 会 给 人 造成 流畅 的 视觉 效果 。 

在 Flash 中 ， 这 一 系列 单 幅 的 画面 就 叫 作 帧 ， 它 是 Flash 动画 中 最 小 时 间 单 位 里 出 现 的 
画面 。 每 秒 钟 显 示 的 帧 数 叫 帧 率 ， 如 采 帧 率 太 慢 就 会 给 人 造成 视觉 上 不 流畅 的 感 党 ， 太 快 也 
没有 多 大 必要 。 所 以 一 般 将 动画 的 帧 率 设 为 24 帧 /s。 

逐 帧 动画 是 利用 在 不 同 帧 上 设置 不 同 的 对 象 来 实现 动画 效果 的 。 其 制作 方法 有 两 种 : 

方法 一 : 辐 舞 台 上 导入 网 像 序列 的 同时 会 创建 好 逐 帧 动画 ， 且 一 个 关键 帧 中 有 图 像 序列 
中 的 一 张 图 片 ， 如 图 3. 17 所 示 。 为 了 调整 动画 的 播放 速度 ， 有 时 候 我 们 需要 在 各 个 关键 帧 
之 间 分 别 搬 人知 干 个 普通 帧 ， 只 需要 分 别 选 中 每 个 关键 帧 ， 然 后 按 【FS】 键 (需要 几 个 普 
通 帧 ， 就 按 几 次 ) 。 在 每 个 关键 帧 后 面 搬入 3 个 普通 帧 后 的 效果 如 图 3. 18 所 示 。 























3.18 在 每 个 关键 帧 后 面 插入 3 个 普通 帧 后 的 效果 


方法 二 : 首先 选择 茶 一 帧 作为 逐 帧 动画 的 开始 帧 。 如 果 它 不 是 一 个 关键 帧 ， 则 要 把 它 转 
变 为 天 键 帧 (可 按 【FK6】 键 ) 。 在 开始 顿 中 绘制 动画 序列 中 的 第 一 个 网 片 。 选 择 下 一 帧 ， 添 
加 关键 帆 ， 并 绘制 全 新 的 画面 。 然 后 继续 添加 关键 帆 ， 并 改变 相应 关键 帧 的 内 容 直 到 最 终 完 
成 动画 。 


A “绘图 纸 ” 的 使 用 


通常 情况 下 ，Flash 在 舞台 中 一 次 显示 动画 的 一 个 帧 。 为 了 帮助 定位 和 编辑 逐 帧 动画 ， 
可 以 在 舞台 中 一 次 查看 两 个 或 多 个 帧 ， 这 就 需要 用 到 绘图 纸 功能 。Plash 动画 设计 中 用 绘图 
外 观 可 以 同时 显示 和 编辑 多 个 帧 的 内 容 ， 并 可 以 在 操作 的 同时 ， 碍 看 每 一 由 画面 的 运动 轨 
迹 ， 方 便 对 动画 进行 调整 。 
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1. 启用 绘图 纸 外 观 功能 

单 击 时 间 轴 面板 下 面 的 “绘图 纸 外 观 ” 按 钮 ， 即 可 启动 绘图 纸 功 能 ， 如 图 3. 19 所 示 。 
局 用 绘图 纸 功能 后 ， 播 放 头 所 在 的 帧 画面 用 全 彩 显 示 ， 其 余 的 帧 画面 是 暗淡 的 ， 看 起 来 就 好 
像 每 个 由 都 是 画 在 一 张 透明 的 绘图 纸 上 ， 而 这 些 绘图 纸 相 互 层 车 在 一 起 ， 如 图 3. 20 所 示 。 


绘图 纸 起 始点 sl 绘图 纸 终止 点 
15 2 5 





四国 i aad i 
绘图 纸 外 观 | 修改 标记 
绘图 纸 外 观 轮廓 编辑 多 个 帧 


图 3. 19 绘图 纸 外 观 相关 按钮 和 标记 





图 3.20 启动 绘图 纸 外 观 后 舞台 动画 效果 





用 户 还 可 以 拖 动 “绘图 纸 起 始点 ”和 “绘图 纸 终止 点 ”标记 ,来 修改 绘图 纸 外 观 所 包 
括 的 帧 区 间 。 当 把 所 有 帧 的 绘图 纸 外 观 画 面 都 显示 出 来 后 ( 见 图 3. 21 ) ， 除 播放 头 所 在 关键 
帧 内 的 画面 可 以 编辑 外 ， 其 他 画面 都 不 可 编辑 。 











图 3.21 所 有 帧 画面 均 显示 为 绘图 纸 外 观 效果 图 
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2. 绘图 纸 外 观 轮廓 

类 似 于 “绘图 纸 外 观 ” 按 钮 ， 单 击 “ 绘 图 纸 外 观 轮廓 ”按钮 后 ， 可 以 显示 多 个 帧 的 轮 
廊 ， 而 不 是 直接 显示 透明 的 移动 轨迹 ， 如 图 3. 22 所 示 。 当 元 素 形状 较为 复杂 或 帧 与 帧 之 间 
的 位 移 不 明显 时 ， 使 用 这 个 按钮 能 更 加 清晰 地 显示 元 件 








的 运动 轨迹 。 每 个 图 层 的 轮廓 颜色 决定 了 绘图 纸 轮廓 的 aa 
颜色 。 除 播放 头 所 在 关键 帧 内 显示 的 元 素 可 以 编辑 外 ， KAN 
其 他 轮廓 都 不 可 编辑 。 7( (NN YY 
3. 修改 绘图 纸 标记 NN 
“修改 标记 ”按钮 主要 用 于 修改 当前 绘图 纸 的 标记 。 Wh 
通常 情况 下 ， 移 动 播放 头 的 位 置 ， 绘 图 纸 的 位 置 也 会 随 
之 发 生 相应 的 变化 。 图 3.22 ”绘图 纸 外 观 轮廓 效果 图 
单 击 “修改 标记 ”按钮 后 ， 弹 出 的 菜单 中 有 如 下 
选项 ， 











1) “始终 显示 标记 ”: 勾 选 该 选项 后 ,无论 用 户 是 耕 启 用 了 绘图 纸 功 能 ， 部 会 在 播放 大 
左右 显示 绘图 纸 标记 范围 。 

2) “锁定 标记 ” : 勾 选 该 选项 后 ， 可 以 将 时 间 轴 上 的 绘图 纸 标记 锁定 在 当前 位 置 ， 不 再 
跟随 播放 头 的 移动 而 发 生 位 置 上 的 改变 。 

3)“ 标 记 范 于 2”: 选中 该 选项 后 ， 在 当前 选 定 帧 的 两 边 分 别 只 显示 2 个 帧 。 

4)“ 标 记 范 围 5$”: 选中 该 选项 后 ， 在 当前 选 定 帧 的 两 边 分 别 显示 5 个 帧 。 

5)“ 标 记 束 个 范 于 ”: 选择 该 选项 后 ， 软 件 会 日 动 将 标记 范围 扩大 到 包括 整个 动画 所 有 
的 帧 。 











A 注意 : 当 “ 绘 图 纸 外 观 ” 打 开 时 ， 锁 定 图 层 的 内 容 不 会 显示 。 为 了 避免 弄 乱 大 多 
数 图 像 ， 可 以 把 相应 的 图 层 锁定 。 


能 走路 ”动漫 角色 





【 案例 概述 】 

本 案例 利用 “ 逐 帧 动画 技术 ”制作 一 个 “小 能 走路 ”的 动画 。 通 过 本 案例 的 学 习 ， 
主要 让 读者 稳 握 卡通 动物 动作 绘制 技巧 ， 以 及 如 何 同 时 编辑 多 个 帧 。 部 分 效果 如 图 3. 23 
所 未 

【 实现 过 程 ) 


1. 设置 “文档 属性 ” 
启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ,设置 文档 大 小 为 550 x 400 人 像素。 执行“ 文 
件 ” 一 “保存 ”有 闲 单 命令 ， 将 新 文档 保存 ， 并 命名 为 “小 能 走路 ”。 





2 


广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 





图 3.23 “小 能 走路 ”动画 的 某 一 个 画面 


2. 动画 制作 
RDP 把 “小 能 走路 ”素材 文件 下 的 “背景 ”图 片 导入 到 文档 的 库 中 。 
EP> ”新建 一 个 网 形 元 件 ， 名 称 为 “ 头 和 刁 体 ”， 进 入 元 件 的 编辑 状态 ， 在 舞台 上 绘制 小 
能 的 头 和 吴 体 部 分 ， 如 岁 3. 24 所 示 。 
ES》 新 建 一 个 图 形 元 件 ， 名 称 为 “ 腹 膊 ”， 进 入 元 件 的 编辑 状态 ， 在 舞台 上 绘制 小 熊 的 
腹 膊 ， 如 图 3. 25 所 示 。 
ES 新 建 一 个 图 形 元 件 ， 名 称 为 “ 腿 ”， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 小 能 的 腿 ， 
如 图 3. 26 所 示 。 





S 





图 3.24 头 和 身体 效果 图 图 3.25 胜 膊 效果 图 图 3.26 ” 腿 画 面 效 果 图 


EE 新 建 一 个 影片 芍 辑 元 件 ， 名 称 为 “走路 效果 ”， 进 入 元 件 的 编辑 状态 ,把 “图 层 
1” 重 命名 为 “ 右 辟 ”， 把 “用 膊 ”元 件 拖 到 舞台 上 ， 调 整 元 件 实例 的 大 小 和 位 置 。 
ES 新 建 一 个 图 层 ， 重 命名 为 “ 右 腿 ”， 把 “ 腿 ” 元 件 拖 到 该 图 层 的 舞台 上 ， 调 整 元 件 
实例 的 大 小 和 位 置 ， 然 后 用 任意 变形 工具 对 元 件 实例 进行 旋转 和 变形 ， 如 图 3. 27 所 示 。 
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ES 新 建 一 个 图 层 ， 重 命名 为 “ 涉 和 身体 ”, 把 “ 头 和 二 体 ”元 件 拖 到 该 图 层 的 舞台 
上 ， 调 整 元 件 实 例 的 大 小 和 位 置 ， 如 图 3. 28 所 示 。 





图 3.27 调整 “ 腿 ” 元 件 实 例 后 的 效果 图 图 3.28 调整 “ 头 和 身体 ” 
元 件 实例 后 的 效果 图 


ER 新建 一 个 图 层 ， 重 命名 为 “ 左 腿 ”， 把 “ 腿 ” 元 件 拖 到 该 图 层 的 人 舞台 上 ， 调 整 元 件 
实例 的 大 小 和 位 置 ， 然 后 用 任意 变形 工具 对 元 件 实例 进行 旋转 和 变形 。 

ED》 新 建 一 个 图 层 ， 重 命名 为 “ 左 臂 ”， 把 “用 膊 ”元 件 拖 到 舞台 上 ， 调 整 元 件 实例 的 
大 小 和 位 置 ， 然 后 用 任意 变形 工具 对 元 件 实例 进行 旋转 ， 如 图 3. 29a 所 示 。 

SU》 选中 “走路 效果 ”元 件 动画 里 所 有 图 层 的 第 5 帧 ,执行 “插入 ”一 “时 间 轴 ”一 “ 关 
键 帧 ”菜单 命令 ， 然 后 依次 点 击 每 个 图 层 的 第 $ 帧 ， 分 别 调整 每 个 图 层 里 元 件 实 例 的 大 小 、 
位 置 、 旋 转 以 及 变形 ， 使 得 “走路 效果 ”元 件 动 画 第 5 帧 的 画面 如 网 3. 29b 所 示 ， 依 此 类 
推 ,， 制作 第 9 帆 、 第 13 帧 、 第 17 帧 、 第 20 帧 ……: 的 画面 ， 其 效果 如 图 3.29c ~ 
图 3. 29f 所 示 。 




















a) 第 1 帧 画面 b) 第 5 帧 画面 c) 第 9 帧 画面 


图 3.29 “走路 效果 ”元 件 动画 几 个 关键 帧 的 画面 
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d) 第 13 帧 画面 e) 第 17 帧 画面 f) 第 20 帧 画面 


图 3. 29 “走路 效果 ”元 件 动画 几 个 关键 帧 的 画面 ( 续 ) 


SCI 癌 到 “场景 1”， 将 “网 层 1” 重 命名 为 “背景 ”， 将 “背景 . png” 图 片 拖 到 舞台 
上 ， 调 整 位 图 的 大 小 和 位 置 〈 背 景 位 图 应 比 舞 台大 一 些 ) ， 用 鼠标 右键 单 击 该 位 图 ， 弹 出 的 
快捷 染 单 中 ,选择 “转换 为 元 件 ” ， 会 弹出 一 个 “转换 为 元 件 ” 的 对 话 框 ， 在 该 对 话 框 中 ， 
更 改名 称 为 “背景 ”， 元 件 类 型 为 “图 形 ”， 单 击 “ 确 定 ” 按 钮 。 

SG》 在 “背景 ”图 层 的 第 100 帧 处 搬入 一 个 关键 帧 ， 然 后 把 该 帆 处 的 “背景 ”元 件 实 
例 想 舞台 右 侧 移动 一 些 位 置 。 选 中 第 1 帧 至 第 100 帧 处 的 任意 一 帧 ， 执 行 “ 插 入 ”一 "传统 
锌 间 ” 沫 单 命 令 。 

SU 新 建 一 个 图 层 ， 重 命名 为 “小 能 走路 ” ， 把 “走路 效果 ”元 件 拖 到 该 图 层 第 1 帧 的 
舞台 上 ， 调 整 “走路 效果 ”元 件 实例 的 大 小 和 位 置 。 

SO 保存 文件 ， 测 试 影 


【技术 讲解 】 





A 卡通 动物 动作 绘制 技巧 


卡通 动物 的 动作 包括 兽 类 的 走 跑 跳 、 禽 类 的 走 飞 、 扑 行 类 的 候 、 鱼 类 的 游 、 灵 长 类 动物 
的 走 跑 跳 等 。 每 种 动作 都 有 其 特定 的 规律 ， 只 有 遵循 一 定 的 规律 ， 才 不 至 于 使 制作 出 来 的 动 
画 看 着 很 奇怪 。 

1. 兽 类 的 走 、 跑 、 跳 

(1) 兽 类 行走 的 运动 规律 

1) 四 条 腿 两 分 两 合 做 左右 交替 成 一 个 完 步 。 

2) 前 腿 抬 起 时 ， 胸 关节 回 后 这 曲 ; 后 腿 抬 起 时 ， 踩 关 世 朝 前 这 曲 。 

3) 走路 时 由 于 腿 关 节 的 屈伸 运动 ， 身 体 稍 有 高 低 起 伏 。 

















Wd 


AN 


第 3 章 逐 帧 动画 制作 精 雕 细 琢 匈 功效 村 





4) 走路 时 为 了 配合 腿 部 的 运动 ， 保 持 身 体重 心平 衡 ， 头 部 会 上 下 略 有 点 动 ， 一 般 是 在 
跨 出 的 前 脚 即将 落地 时 ， 头 开始 朝 下 点 动 。 

5) 爪 类 动物 因 皮 毛 松 软 柔 和 和 ， 关 市 运动 的 轮 慷 不 十 分 明显 ， 蹄 类 动物 关节 运动 就 比较 
明显 。 

6) 兽 类 动物 走路 动作 的 运动 过 程 中 ， 应 注意 腿 、 趾 落地 、 离 地 时 所 产生 的 高 低 缴 度 。 

(2) 兽 类 的 跑步 运动 规律 

1) 动物 奔跑 动作 基本 规律 与 走 步 时 四 条 腿 的 交 蔡 分 和 相似 ,但 是 跑 得 越 快 ， 四 条 腿 的 
交 蔡 分 和 越 不 明显 。 有 时 会 变 成 前 后 各 两 条 腿 同 时 届 缩 ， 四 脚 离 地 时 间 短 。 

2) 奔跑 的 过 程 中 ， 身 体 的 伸展 ( 拉 长 ) 和 收缩 (缩短 ) 姿态 变化 明显 (尤其 是 爪 类 
动物 ) 。 

3) 在 快速 奔跑 过 程 中 ， 四 条 腿 有 时 呈 腾 空 跳跃 状态 ， 身体 上 下 起 伏 较 大 ,但 在 快速 奔 
跑 的 情况 下 ， 和 里 体 起 伏 的 弧度 叉 会 减 小 。 

(3) 兽 类 的 跳跃 运动 规律 

1) 在 跃 出 前 鸯 干 先 往 后 收缩 成 足 状 ， 准 备 力 量 ， 利 用 后 退 有 力 一 路 ， 把 身 丹 弹出 。 

2) 在 运动 过 程 中 ， 喘 体 悬 空 ， 前 胶 人 克 起 伸 辐 前 方 ， 准 备 着 地 。 

3) 着 地 时 前 肢 先 接触 地 面 ， 承 受 身 体 前 冲 运动 的 惯性 作用 ， 身 体会 由 挺 直 到 晓 缩 后 退 
者 地 后 ， 神 力 减 弱 才 回复 原状 

2. 禽类 的 走 、 飞 

家 禽 多 以 走 为 主 ， 如 鸡 、 卜 、 禾 等。 它们 主要 靠 双 上 脚 或 在 水 中 浮游 ， 有 时 也 能 扑 打 着 双 
女 ， 做 短 距 离 的 飞行 动作 。 

1) 鸡 的 走路 运动 规律 : 

(DD 双 脚 前 后 交替 运动 ， 身 体 左 右 摇摆 。 

@) 当 一 只 脚 抬 起 时 ， 头 开始 向 后 收 ; 超前 至 中 间 位 置 时 ， 头 伸 到 最 前 面 ; 当 脚 向 前 落 
地 时 ， 头 也 随 之 超前 伸 到 顶点 。 

2) 鹅 的 走路 运动 规律 . 

J 鹅 走 路 时 屁股 左右 揪 摆 。 

四 头 随 脚 地 抬 起 前 后 略微 点 地 。 

(3) 故 在 划 水 时 ， 两 脚 前 后 将。 












































尖 杰 

向 上 ; 疲 扑 下 时 带动 着 整个 身体 前 进 ， 往 上 回收 时 ， 疲 人 尖 弯 向 下 ， 主 羽 散 开 让 空气 易于 
滑 过 。 

4) 磨 。 认 善于 飞行 ， 并 可 在 空中 长 时 间 滑 翔 ， 在 发 现 地 面 上 的 动物 时 ， 能 够 从 高 空 急 
速 俯冲 飞 直 而 下 。 

5) 燕子 。 敬 子 在 滑翔 时 ， 身 体 灵 活 ， 飞 行 时 把 翅膀 用 力 一 夹 会 像 箭 一 样 向 前 飞 蹄 。 

6) 麻 沦 。 麻 稚 能 蹄 飞 ， 短 程 滑翔 ， 并 且 常 做 跳 步 动作 

7) 蜂 马 。 蜂 乌 映 体 短小 ， 踢 长 脖子 短 ， 动 作 轻 人 盘 灵 活 ， 飞 行 速度 快 。 不 能 做 滑翔 动 
作 ， 但 却 能 回 前 飞 和 退 后 六 ， 另 外 还 有 一 种 很 高 超 的 飞行 技巧 一 一 县 身 不 动 。 

3. 的 行 类 

息 行 类 可 分 为 有 足 和 无 足 两 种 。 有 是 的 如 包 、 铝 鱼 ; 无 足 的 如 蛇 。 
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1) 怨 的 运动 特点 : 

JW 四 肢 前 后 交替 。 

四 动作 缓慢 。 

3) 时 有 停顿 ， 头 部 上 下 左右 转动 灵活 。 

(9 头 、 四 肢 和 尾巴 均 能 缩 入 甲壳 内 。 

2) 鳄鱼 的 运动 特点 : 

中 四 肢 前 后 交替 。 

人 动作 缓慢 。 

3) 尾巴 随 着 脚步 左右 绥 绥 摆动 ， 成 波形 的 曲线 运动 。 

3) 蛇 的 运动 特 扩 : 

中 蛇 的 行动 时 菲 轮流 收缩 消 骨 两 边 的 肌肉 来 进行 的 。 

@ 号 体 向 两 状 作 “S” 形 曲线 运动 。 

(3) 头 部 微微 离 地 抬 起 ， 左 右 摆 动 幅度 较 小 。 

4. 鱼 类 的 游 

鱼 类 的 运动 规律 一 般 为 : 鱼 吴 摆动 时 的 各 种 变化 成 遇 线 运动 状态 。 大 鱼 身 体 摆动 的 曲线 
弧度 较 大 ， 绥 慢 而 稳定 ， 俘 和 留 原 地 时 ， 鱼 鱼 缓 划 ， 鱼 尾 轻 摆 。 小 鱼 变 化 较 多 ， 动 作 节 万 短 
促 ， 和 常 有 停顿 或 突然 蹄 游 ， 游 动 时 曲线 弧度 不 大 。 长 尾 鱼 凶 和 绥 慢 ， 在 水 中 号 体 的 形态 变化 
不 大 ， 随 着 身体 的 摆动 ， 大 而 长 的 鱼 鳍 和 鱼 尾 做 跟随 运动 。 

5. 灵 长 类 动物 的 走 、 跑 、 跳 

走 的 过 程 ， 即 迈 一步、 站 稳 、 玉 一步 、 站 稳 的 循环 。 一步 : 一 只 脚 由 最 后 迈 到 最 前 ， 即 
为 一 步 的 距离 。 运 动 规律 为 ， 左右 两 脚 交 构 ; 双 臂 反 回 交 蔡 ; 头 部 最 高 位 置 在 一 只 脚 刚 迈 出 
去 时 ， 头 部 最 低位 置 在 两 脚 分 到 最 大 距离 时 。 

做 走动 作 动画 时 要 避免 如 下 情况 : 

1) 一 顺 ， 腹 有 敌 和 腿 同 进 同 退 。 制 作 时 注意 核对 腹 彩 和 腿 的 位 置 。 

2) 变化 过 小 ， 没 有 走出 去 的 感觉 。 动 画 丈 是 要 仿 张 ,才能 让 人 感觉 到 你 在 做 什么 动作 。 

3) 走 得 太 快 ， 像 是 在 跑 。 注 意 空间 的 变化 幅度 和 下 委 。 

奔跑 与 跳跃 ， 实 际 上 藉 是 在 行走 的 基础 上 ， 加 入 位 置 的 变化 。 使 行走 动画 中 的 至 少 一 个 
位 置 双 脚 离 地 ， 丈 能 做 出 跑 与 跳 的 效果 。 


A 编辑 多 个 帧 


如 图 3. 19 所 示 ， 单 击 “ 编 辑 多 个 帧 ”按钮 后 ， 在 舞 合 上 会 显示 包含 在 绘图 纸 标记 内 的 
关键 帧 ， 而 且 在 舞 合 上 显示 的 多 个 关键 帧 都 可 以 选择 和 编辑 。 

在 3.3 节 中 我 们 制作 过 “小 怠 走 路 ”的 和 案例， 其 中 有 “走路 效 来 ”影片 筋 辑 元 件 ， 其 
中 小 能 的 走路 动作 包括 了 10 个 分 解 动作 ， 如 果 要 同时 调整 这 10 个 动作 的 位 置 或 者 大 小 ， 应 
该 选择 时 间 轴 上 的 “编辑 多 个 帧 ”按钮 ， 之 后 会 看 到 在 时 间 轴 上 的 数字 区 域 播 放 尖 (红色 
指针 ) 前 后 分 别 有 两 个 类 似 中 括号 的 标识 ,分 别 是 “开始 绘图 纸 外 观 ” 和 “结束 绘图 纸 外 
观 ”， 如 图 3. 30 所 示 。 将 鼠标 移动 到 “开始 绘图 纸 外 观 ”标记 上 ， 按 下 鼠标 左 键 问 前 拖 动 ， 
拖 动 到 第 1 帧 上 。 上 再 将 鼠标 移动 到 “结束 绘 岁 纸 外 观 ” 标 记 上 ， 按 下 鼠标 左 键 癌 后 拖 动 ， 
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拖 动 到 最 后 一 帧 〈 即 第 40 帧 ) 处 ， 效 果 如 图 3. 31 所 示 。 





图 3.30 “走路 效果 ”元 件 的 时 间 轴 





图 3.31 “走路 效果 ”元 件 绘图 纸 外 观 标记 整个 范围 


然后 使 用 “选择 工具 ”进行 框 选 ， 选 择 全 部 图 形 (或 者 按 组 合 键 【Ctrl + A】)， 效 来 如 图 
3. 32 所 示 。 拖 到 鼠标 就 可 以 移动 全 部 图 形 ， 或 按 下 键盘 “上 下 左右 ”方向 键 进行 调整 位 置 。 如 果 
想 要 调整 对 象 的 大 小 ， 可 利用 “任意 变形 工具 ”对 其 进行 调整 ， 或 者 打开 “变形 ”面板 调整 








( 


wa 





图 3.32 “走路 效果 ”元 件 舞 台 上 的 元 素 都 被 选中 后 的 效果 
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.4 综合 项 目 一 -光影 逐 帧 动画 


【 案例 概述 】 

本 案例 利用 “ 逐 帧 动画 ”技术 制作 了 一 个 光影 逐 帧 动画 一 一 “绿色 出 行 、 低 碳 健 
身 ”。 通 过 本 案例 的 学 习 ， 让 读者 更 加 熟悉 逐 帆 动画 的 制作 方法 ， 部 分 动画 效果 如 图 3. 33 
J 





绿色 出 行 低 碳 健 身 gh 


图 3.33 “光影 逐 帧 动画 ” 某 一 帧 画面 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 468 x 60 像素 ， 舞 台 颜 色 为 
深 灰 色 〈 娄 33333 )。 执 行 “文件 ”一 “保存 ”有 羔 单 命令 ， 将 新 文档 保存 ， 并 命名 为 “光影 未 
帧 动画 ”。 

2. 动画 制作 
EDP> 将 素材 文件 夹 中 的 图 片 “ 目 行车 .jpg” 导 入 到 文档 的 库 中 。 
ESZ 新 建 一 个 影片 剪辑 元 件 “ 自 行车 ”， 进 入 元 
件 的 编辑 状态 ， 把 库 中 的 “自行 车 . jpg” 图 片 拖 到 舞 
人 台 上 ， 选 中 舞台 上 的 图 片 ， 按 下 组 合 键 【Ctrl+B】, 将 
图 片 分 离 ， 利 用 魔术 棒 等 工具 ， 将 图 片 的 背景 删除 ， 
只 保留 自行 车 ， 如 图 3. 34 所 示 。 
E> 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “文本 ”， 
进入 元 件 的 编辑 状态 ， 在 舞台 上 用 文本 工具 输入 “ 绿 
色 出 行 低 碳 健身 ”， 字 体 为 “黑体 ”， 字 号 为 22 点 ， 
颜色 为 绿色 (#00CC00 ) 。 然 后 分 别 在 第 5 帧 、 第 10 图 3.34 “自行 车 ”元 件 效果 图 
帧 、 第 15 帧 处 分 别 插入 一 个 关键 帧 ， 在 第 19 帧 处 插 
入 一 个 普通 帧 。 单 击 第 5 帧 ， 选 中 舞台 上 的 文字 ， 将 
文字 颜色 变 为 “#66FF00”， 在 第 15 帧 处 的 文字 做 同样 的 改变 。 
ESE7 加 到 “场景 1”， 在 舞台 上 绘制 一 个 填充 为 绿色 (#00FF00) 的 和 矩形 (和 暂且 叫 形 
状 1)， 无 笔触 颜色 ， 宽 度 为 13， 高 度 为 60,，X 为 0,，Y 为 0， 如 图 3.35 所 示 。 
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图 3.35 第 1 帧 的 画面 


E> 在 第 4 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 的 矩形 (形状 1) 的 X 改 为 14.25， 然 后 复 
制 一 个 矩形 在 舞台 上 ， 修 改 复 制 出 来 的 矩形 (形状 2) 属性 ， 使 其 颜色 为 “#00CC00”，X 
为 0, 了 为 0， 如 图 3. 36 所 示 。 


| 


图 3.36 第 4 帧 处 的 画面 





ET》 在 第 7 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 矩形 (形状 1 和 形状 2) 同时 选 
中 , 将 X 改 为 14.25， 然 后 复制 一 个 矩形 在 舞台 上 ， 修 改 复制 出 来 的 算 形 (形状 3) 属性 ， 
使 其 颜色 为 “#009900”, X 为 0, 了 为 0， 如 图 3. 37 所 示 。 


图 3.37 第 7 帧 处 的 画面 





ES 在 第 10 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 窍 形 (形状 1、 形状 2 和 形状 3) 
同时 选中 ,将 X 改 为 14. 25， 然 后 复制 一 个 矩形 在 舞台 上 上， 修改 复 制 出 来 的 矩形 (形状 4) 属 
性 ， 使 其 颜色 为 “#006600”, 义 为 0, Y 为 0。 

ZB> 在 第 13 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 矩形 (形状 1、 形状 2、 形 状 
3 和 形状 4) 同时 选中 ,将 X 改 为 14.25， 然 后 复制 一 个 矩形 在 舞台 上 ， 修 改 复 制 出 来 的 矩 
形 (形状 5) 属性 ,使 其 颜色 为 “如 03300”,，X 为 0, 了 为 0。 

ED 在 第 16 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 矩形 (形状 1、 形状 2、 形 状 
3 、 形 状 4 和 形状 5) 同时 选中 , 将 X 改 为 14.25， 然 后 复制 一 个 矩形 在 舞台 上 ， 修 改 复制 出 
来 的 矩形 (形状 6) 属性 ， 使 其 颜色 为 “#001100”, X 为 0, 了 为 0。 

SGDU》 在 第 19 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 矩形 (形状 1、 形状 2、 形 状 
3、 形 状 4、 形 状 5 和 形状 6) 同时 选中 , 将 X 改 为 14. 25 。 

BBD 在 第 22 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 和 矩形 同时 选中 ,将 X 改 
为 28. 50 。 

SEO 在 第 25 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 矩形 同时 选中 ,将 X 改 
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为 42. 75。 

SSIS》 在 第 28 帧 处 插入 一 个 关键 帧 ， 将 舞台 上 已 经 存在 的 矩形 同时 选中 ,将 X 改 为 57。 
SO 在 第 31 帧 处 插入 一 个 关键 帧 ， 将 人 舞台 上 已 经 存在 的 窍 形 同时 选中 ,将 X 改 为 
71. 25 ， 拖 动 一 条 垂直 辅助 线 在 形状 1 的 右 侧 ， 如 图 3. 38 所 示 。 





图 3.38 第 31 帧 处 的 画面 


BBDE> 在 第 34 帧 处 搬入 一 个 关键 帧 ， 将 舞台 上 的 形状 1 删除 ， 把 剩 下 的 形状 (形状 2、 
形状 3、 形 状 4、 形 状 5 和 形状 6) 同时 选中 ， 然 后 拖 动 这 些 形状 ,使 其 右 侧 与 辅助 线 对 齐 ， 


如 图 3. 39 所 示 。 


3.39 第 34 帧 处 的 画面 





SEO 在 第 37 帧 处 搬入 一 个 关键 帧 ， 将 舞台 上 的 形状 2 删除 ， 把 剩 下 的 形状 〈 形 状 3、 
形状 4、 形 状 5 和 形状 6) 同时 选中 ， 然 后 拖 动 这 些 形状 ,使 其 右 侧 与 辅助 线 对 齐 。 
SO 在 第 40 帧 处 搬入 一 个 关键 帧 ， 将 舞台 上 的 形状 3 删除 ， 把 剩 下 的 形状 (形状 4、 
形状 5 和 形状 6) 同时 选中 ， 然 后 拖 动 这 些 形状 ， 使 其 右 侧 与 辅助 线 对 齐 。 

SEOU 在 第 43 帧 处 搬入 一 个 关键 帧 ， 将 舞台 上 的 形状 4 删除 ， 把 剩 下 的 形状 〈 形 状 5 和 
形状 6) 同时 选中 ， 然 后 拖 动 这 些 形状 ， 使 其 右 侧 与 辅助 线 对 齐 。 

SEODO》 在 第 46 帧 处 搬入 一 个 关键 帧 ， 将 舞 合 上 的 形状 5 删除 ， 把 剩 下 的 形状 〈 形 状 6 ) 
选中 ， 然 后 拖 动 该 形状 ， 使 其 右 侧 与 辅助 线 对 齐 。 

EB 在 第 49 帧 处 搬入 一 个 空 晶 关键 帧 ， 在 第 52 巾 人 处 插入 一 个 普通 帧 。 

ESD 新 建 一 个 图 层 ， 把 “ 目 行 车 ”元 件 拖 到 舞 合 上 ， 调 整 其 大 小 和 位 置 。 

E> 新 建 一 个 图 层 ， 将 “文本 ”元 件 拖 到 舞台 上 ， 调 整 其 位 置 ， 如 图 3. 33 所 示 。 然 后 
保存 文件 ， 至 此 完成 动画 设计 。 


用 Flash 制作 逐 帧 动画 时 ， 每 个 关键 帧 的 图 形 都 
需要 绘制 ， 通 过 首 通 帧 将 关键 帧 画面 保持 不 变 ， 使 动 
画 显 现 静 态 延 时 。 但 是 制作 补 间 动画 时 ， 两 个 关键 帧 
之 间 的 播 补 帧 是 由 计算 机 自动 运算 而 得 到 的 。 在 Flash 
8 以 前 的 版 本 里 面 补 间 动 画 有 两 种 形式 : 四 补 间 动画 
(其 实 准确 说 应 该 是 运动 补 间 动 画 , 包括 缩放 、 旋 转 、 
位 置 、 透明 变化 等 ); @ 补 间 形 状 (主要 用 于 变形 动画 ) 。 
在 Flash CS3 版 本 之 后 ， 由 于 加 入 了 一 些 3D 的 功能 ， 
传统 的 这 两 种 补 间 没 办 法 实现 3D 的 旋转 ， 所 以 就 出 
现 了 三 种 补 间 形式 : 四 补 间 动 画 ， 这 种 补 间 动画 除了 
可 以 完成 传统 补 间 动画 的 效果 ， 还 可 以 实现 3D 补 间 
动画 ; GO) 补 间 形 状 ;) (3) 传 统 补 间 动画 。 


补 间 动 画 的 形式 
传统 补 间 动 画 的 制作 方法 
形状 补 间 动 画 的 制作 方法 
补 间 动 画 的 制作 方法 
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4 补 间 动 画 的 特点 


与 逐 帧 动画 相 比 ， 补 间 动 画 具 有 以 下 儿 个 特点 : 

1. 制作 方法 简单 方便 

补 间 动画 具 和 需要 为 动画 的 第 一 个 关键 帆 和 最 后 一 个 关键 帧 创建 内 容 ， 两 个 关键 帧 之 间 帧 
的 内 容 由 Flash 目 动 生成 ， 不 需要 人 为 处 理 。 

2. 动画 连贯 自然 

因为 逐 帆 动画 是 由 手工 控制 ， 由 与 帧 之 间 的 过 渡 很 可 能 会 不 目 然 、 不 连贯 ， 而 补 间 动 画 
除了 两 个 关键 帧 由 手工 控制 外 ， 中 间 的 帧 都 由 Flash 自动 生成 ， 技 术 含 量 高 ， 因 此 过 渡 更 为 
日 然 、 连贯 。 

3. 文件 小 ， 占 用 内 存 少 

相对 于 逐 帧 动画 来 说 ， 补 间 动 画 不 需要 很 多 的 关键 帧 内 容 ， 因 此 Flash 文件 更 小 ， 占 用 
内 存 更 少 。 








制作 ”节约 用 水 ” 公 





【 案例 概述 】 


本 案例 使 用 “形状 补 间 动画 ”技术 制作 了 一 个 “节约 用 水 ”的 公益 广告 。 通 过 本 案例 
的 学 习 ， 读 者 应 掌握 什么 是 “形状 补 间 动 画 ”， 以 及 制作 “形状 补 间 动画 ”的 方法 及 注意 事 
项 。 本 例 完 成 后 的 部 分 效果 如 图 4.1 所 示 。 





图 4.1 “节约 用 水 ”公益 广告 的 某 一 个 画面 
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【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 550 x 400 像 系 ， 背 景 为 粉色 
(#FF99CC)。 执行“ 文件 ”一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 命名 为 “市 约 用 水 ”。 

2. 制作 动画 
EP> 在“ 时间 轴 ”面板 上 把 “图 层 1” 重 命名 为 “水 
龙头 ”图 层 ， 在 该 图 层 上 利用 工具 箱 中 各 种 工具 ， 绘 制 如 
图 4.2 所 示 的 水 龙头 ， 并 放 在 舞台 的 合适 位 置 上 。 
ESZ 新 建 一 个 图 层 ， 命 名 为 “水 模 ”， 在 该 图 层 上 绘 
制 一 个 水 模 ， 如 图 4.3 所 示 ， 然 后 将 水 槽 放 在 水 龙头 位 置 
的 下 方 。 图 4.2 “水 龙头 ”效果 图 
E> 新 建 一 个 图 层 ， 命 名 为 “ 桶 中 水 面 ”， 在 该 图 层 
上 绘制 一 个 平行 四 边 形 的 水 面 ， 颜 色 为 青色 〈( 契 CFFFF) ， 注 意 水 面 要 遮盖 住 水 槽 底部 ， 如 
图 4.4 所 示 。 








图 4.3 “水 槽 ”效果 图 到 4.4 “ 槽 中 水 面 ” 效 果 图 


EYP> 执行 “插入 ”一 “新 建 元 件 ” 命 令 ， 弹 出 “创建 新 元 件 ” 的 对 话 框 ,将 名 称 修改 为 
“滴水 ”， 类 型 为 “影片 勇 辑 ”， 单 击 “ 确 定 ” 按 钮 ， 如 图 4. 5 所 示 。 





图 4.5 “创建 新 元 件 ” 对 话 框 


EBBEP> 创建 元 件 的 同时 ， 软 件 会 自动 进入 元 件 的 编辑 状态 ,在 “图 层 1” 的 第 1 帧 绘制 一 
个 填充 闫 色 为 “日 色 ”， 笔 触 颜色 为 “无 ”的 小 圆 点 ， 如 图 4. 6a 所 示 。 在 第 5 帧 处 插入 一 
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个 空白 关键 帧 ,然后 在 小 圆 点 靠 下 点 的 位 置 绘制 一 个 填充 颜色 为 “日 色 ”， 笔 触 颜 色 为 
“无 ”的 小 椭 加 ， 如 图 4. 6b 所 示 。 在 第 10 帧 处 插入 一 个 空 日 关键 帧 ， 然 后 在 小 椭圆 徘 下 反 
的 位 置 绘制 一 个 填充 闫 色 为 “日 色 ”， 笔 触 颜色 为 “无 ”的 小 水 滴 ， 如 图 4. 6c 所 示 。 在 第 
25 帧 处 插入 一 个 关键 帧 ， 然 后 把 该 帧 处 的 小 水 滴 往 下 移动 。 选 中 第 1 帧 到 第 25 帧 ， 在 选中 








帧 的 任意 位 置 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 补 间 形 状 "”。 效 果 如 图 4. 6d 


所 未。 








a) 第 1 帧 处 的 形状 b) 第 5 帧 处 的 形状 c) 第 10 帧 处 的 形状 
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d) 创建 补 间 形 状 动 画 


图 4.6 创建 “滴水 ”影片 剪辑 元 件 








EEC 癌 到 “ 场 录 1” 中 ,在 “ 槽 中 水 ”图 层 上 面 再 新 建 一 个 图 展 ， 重 命名 为 “滴水 ”， 
把 “滴水 ”影片 剪辑 元 件 放置 在 该 图 层 的 第 1 帧 上 ， 并 调节 元 件 实例 在 舞台 上 的 位 置 ， 使 
得 最 初 的 水 滴 在 水 龙头 口 ， 滴 落下 来 的 水 滴 落 在 水 槽 中 央 。 

ESEZSj 新 建 一 个 影片 辫 辑 元 件 ， 名 称 为 “水 尝 ”， 在 “水 尝 ” 元 件 编辑 状态 下 ， 在 图 层 1 
的 第 1 帧 处 绘制 一 个 椭圆 ， 要 求 笔 触 颜色 为 上 特色， 线条 粗细 为 2 磅 ， 填 充 闫 色 为 无 。 在 第 





25 帧 处 插入 一 个 关键 帧 ， 把 该 帧 处 的 椭圆 放大 为 150% ， 笔 触 颜色 依然 为 日 色 ，Alpha 值 设 
为 0% 。 选 中 该 图 层 第 1 ~25 帧 中 的 任意 一 帧 ， 执 行 “ 搬 入 ”一 补 间 形 状 ” 命 令 ， 创 建 形 状 
补 问 动画。 

ERj 癌 到 “ 场 隶 1” 中， 在 “滴水 ”图 层 上 方 新 建 一 个 图 层 ， 名 称 改 为 “水 晤 ”， 在 该 
图 层 的 第 25 由 处 插入 一 个 关键 帧 ， 将 “水 嗓 ” 影 万 勇 辑 元 件 拖 到 该 网 层 的 第 25 帧 上 。 
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EYP> 新 建 一 个 图 层 ， 命 名 为 “文字 ”， 在 该 图 屋 上 利用 文本 工具 ,输入 “市 约 用 水 举 
手 之 务 ”8 个 字 。 设 置 文 字 的 颜色 为 蓝 色 (#0000CC)， 大 小 为 40 点 ， 字 体 为 华文 行 楷 。 
SSJU 选中 所 有 图 层 的 第 100 帧 ， 并 用 鼠标 右键 单 击 ， 在 弹出 的 快捷 染 单 中 选择 “ 捕 
入 帧 ”。 

SI 你 存 文 件 ， 测 试 影 


【技术 讲解 】 








A 形状 补 间 动 画 的 含义 


在 Flash 的 时 间 轴 面板 上 ， 在 一 个 时 间 上 点 〈 关 键 帧 ) 绘制 一 个 形状 ， 然 后 在 为 一 个 时 间 
点 (关键 帧 ) 更 改 该 形状 或 绘制 男 一 个 形状 ，Flash 根据 两 者 之 间 的 帧 的 值 或 形状 来 创建 的 
动画 被 称 为 形状 补 间 动 画 。 

形状 补 间 动画 可 以 实现 两 个 图 形 之 间 闫 色 、 形 状 、 大 小 、 位 置 的 相互 变化 ， 使 用 的 元 系 
ea 如 条 使 用 图 形 元 件 、 按 钮 、 文 字 等 元 素 ， 则 必须 先 把 该 元 系 

分 离 ” ， 再 创建 形状 补 间 动画 。 

形状 补 间 动 画 建 好 后 ， 起 始 关 键 帧 和 结束 关键 帧 之 间 的 背景 色 变 为 淡 绿 色 ， 在 起 始 帧 和 
结束 帧 之 间 有 一 个 长 长 的 箭头 。 如 采 笛 头 变 为 虚线 线段 〈( 见 图 4.7) ， 则 表示 形状 补 间 动画 
创建 不 成 功 ， 这 种 情况 一 般 出 现在 两 帧 中 的 实例 没有 分 离 (或 打 散 ) 的 状态 。 























4.7 形状 补 间 动画 创建 不 成 功 表现 


A 形状 补 间 动 画 制 作 的 步 台 


形状 补 间 动画 制作 的 步骤 如 下 .: 

1. 创建 动画 文件 

启动 Flash CS6， 执 行 “ 文 件 ” 一 “新 建 ” 命 令 

2. 创建 动画 起 始 关键 帧 画面 

选择 任意 一 个 帧 为 起 始 关 键 帧 ， 在 该 帧 处 利用 工具 箱 里 的 绘图 工具 绘制 一 个 形状 ， 或 者 
放置 元 件 、 文 字 、 位 图 等 对 象 ， 然 后 对 该 对 象 执行 “修改 一“ 分离” 命令 。 

3. 创建 动画 结束 关键 帧 画面 

用 鼠标 右键 单 击 起 始 关键 帧 右 侧 的 任意 一 帧 ， 在 弹出 的 快捷 菜单 中 选择 “搬入 关键 帧 ” 
加 “搬入 空白 关键 帧 ” 。 如 果 搬 入 的 是 关键 帧 ， 可 以 把 结束 关键 帧 的 形状 做 些 修 改 ， 或 者 删 

已 经 存在 的 形状 ， 重新 绘制 新 的 形状 ; 如 果 插 入 的 是 空白 关键 帧 ， 则 只 能 绘制 新 的 形状 。 
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4. 创建 补 间 形 状 

选中 起 始 帧 到 结束 帧 之 间 的 任意 一 帧 ， 执 行 “ 插 入 ”一 补 间 形状 ” 荣 单 命令 ， 或 者 用 
鼠标 右键 单 击 开 始 关 键 帆 和 结束 关键 帧 之 间 的 任意 一 巾 ， 在 弹出 的 快捷 菜单 中 选择 “创建 
补 间 形 状 ”， 就 可 以 创建 好 一 个 形状 补 间 动画 。 


4.3 制作 “ 锥 鸡 变 凤凰 ” 微 动画 





【案例 概述 】 

本 案例 使 用 “形状 补 间 动 画 ” 技 术 制 作 了 一 个 “雏鸡 变 凤 凰 ”的 动画 。 通 过 本 案例 的 
学 习 ， 读 者 主要 掌握 微 动画 的 制作 要 领 ， 及 创建 “形状 补 间 动画 ”时 形状 提示 点 的 应 用 。 
部 分 效果 如 图 4. 8 所 示 。 





图 4.8 “雏鸡 变 凤 凰 ”动画 的 某 一 个 画面 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 800 x 600 像素 ,背景 为 蓝 
色 。 执 行 “ 文 件 ” 一 保存 ”菜单 命令 ， 将 新 文档 保存 ， 命 名 为 “雏鸡 变 凤 斩 ”， 并 保存 。 

2. 动画 制作 
ES 新 建 一 个 图 形 元 件 ， 名 称 为 “火焰 ”， 进 入 元 件 编辑 状态 ， 执 行 “ 文 件 ” 一 “导入 ” 
-导入 到 舞台 ”菜单 命令 ， 在 弹出 的 “导入 ”对 话 框 中 ， 选 择 “ 雏 鸡 变 风 斩 ”素材 文件 
夹 下 的 “火焰 . jpg” 文 件 进 行 导 入 。 
ES 加 到 “场景 1”， 把 “图 层 1” 重 命名 为 “背景 ”， 把 “火焰 ”元 件 拖 到 舞台 上 ， 
打开 “属性 ”面板 , 设置 “火焰 ”元 件 实例 的 大 小 、 位 置 和 色彩 效果 ， 如 图 4.9 所 示 。 在 
“背景 ”图 层 的 第 75 帧 处 插入 普通 帧 ， 最 后 把 “背景 ”图 层 锁定 。 
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第 4 章 补 间 动 天 制作 一 -一 行云流水 的 运动 村 
属性 [AI 
加 - 
实例 : 火焰 交换 .… 
so 位 置 和 大 小 
XN: -122.05 200.00 
EE 高 : 1024.00 高 : 1024.00 
wr 色 喜 区 果 
样式 : | 色调 “| 了 | 本 时 


色调 : 一 一 一 号 ]% 
TD 
| 
一 


图 4.9 “火焰 ”元 件 实 例 的 属性 参数 设置 图 


E> 新 建 一 个 网 层 ， 重 命名 为 “ 委 鸡 变 风 凰 ”， 在 该 图 层 第 1 帧 的 舞台 上 火焰 的 中 央 位 
置 绘 制 一 只 小 鸡 ， 如 图 4. 10 所 示 。 其 中 小 鸡 映 体 的 颜色 为 黄色 (#FFFF33 ) ， 无 笔触 颜色 。 
在 图 层 的 第 15 帧 处 搬入 一 个 关键 帧 ， 再 在 图 层 的 第 60 帧 处 插入 一 个 空白 关键 帧 ， 然 后 在 舞 
台 上 火焰 的 中 央 位 置 绘制 一 只 凤凰 ， 如 图 4.11 所 示 。 其 中 凤凰 身体 的 颜色 为 黄色 
(#FFFF00) ， 无 笔触 颜色 。 
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图 4.10 ”小 鸡 效 果 图 图 4.11 凤凰 效果 图 











ES7 参 ”选中 “和 雏鸡 变 风 凰 ”网 层 的 第 15 帧 到 第 60 帧 之 间 的 任意 一 帧 ， 执 行 “ 搬 人 ”一 
“和 补 间 形状 ”来 单 命令 。 

ER 傅 选中“ 稚 鸡 变 风 凰 ”图 层 的 第 15 帧 ， 执 行 “ 修 改 ” 一 “形状 ”一 “添加 形状 提示 ” 
荣 单 命 令 ， 这 时 会 在 舞台 上 出 现 一 个 红色 的 小 圆圈 ， 里 面 有 一 个 字母 a， 这 就 是 形状 提示 
点 。 拖 动 该 提示 点 到 小 鸡 的 鸡冠 部 分 ， 再 选中 败 层 的 第 60 帧 ， 看 到 舞台 上 也 有 一 个 形状 提 
示 上 点， 把 该 提示 点 拖 到 风 凰 冠 上 。 用 同样 的 方法 ， 再 添加 6 个 形状 提示 点 ， 各 个 提示 点 所 放 
的 位 置 如 图 4. 12 所 示 。 
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a) 开始 关键 帧 中 的 形状 提示 点 b) 结束 关键 帧 中 的 形状 提示 点 
图 4.12 形状 提示 点 所 放 的 位 置 





BY 新 建 一 个 影片 剪辑 元 件 “文本 1”， 进 入 元 件 编辑 状态 ， 在 舞台 上 用 文本 工具 输入 
“雏鸡 变 凤 凰 ” 几 个 字 ， 颜 色 为 和 白色， 大 小 为 60 点， 字体 为 “华文 行 楼 ”。 

R57P> 再 新 建 一 个 影片 剪辑 元 件 “ 文 本 2”， 进 入 元 件 编辑 状态 ， 在 舞台 上 用 文本 工具 输 
入 “华丽 的 晓 变 ” 几 个 字 ， 颜 色 为 白色 ， 大 小 为 60 点， 字体 为 “华文 行 楼 ”。 

ES 回 到 “场景 1”， 新 建 一 个 图 层 ， 重 命名 为 

“文本 1”,， 把 “文本 1” 元件 拖 到 有 舞台 上 ， 位置 参照 。” 司 时 

















图 4.8。 选 中 舞台 上 的 “文本 1” 元 件 实例 ， 通 过 “ 属 一 一 一 此 一 一 一 一 
性 ”面板 添加 发 光 滤 镜 ， 人 参数 设置 如 图 4. 13 所 示 。 模糊 X 15 像 素 名 
E57P 新 建 一 个 图 层 ， 重 命名 为 “文本 2”， 把 i ee 
“文本 2” 元 件 拖 到 有 舞台 上 上， 位置 参照 图 4.8。 选 中 和 站 
舞台 上 的 “文本 2” 元 件 实例 ， 通 过 “属性 ”面板 控 空 口 
添加 发 光 滤 镜 ， 参 数 设置 如 图 4. 13 所 示 。 He 二 
B55 保存 文档 ， 测 试 影 片 。 图 4.13 发 光 滤 镜 参 数 设置 
【技术 讲解 】 


A 微 动 男 制 作 要 领 


微 动 画 篇 幅 很 得， 没有 动画 短片 长 ， 不 能 称 其 为 动画 短片 。 虽 然 短 ， 但 更 需要 创意 ， 要 
给 人 以 深刻 印象 ， 可 以 更 随意 地 进行 创作 。 微 动画 的 创意 也 许 是 一 个 故事 或 是 一 种 心态 ， 一 
种 情绪 ， 一 种 状态 ， 一 个 幽默 …… 微 动画 和 微 博 有 共同 之 处 ， 体 量 微小 简短 ， 传 播 便利 ， 非 
常 适合 新 媒体 。 微 动画 的 制作 要 领 如 下 . 

1) 篇 幅 不 能 长 

2) 要 足够 新 弧 ， 让 浏览 者 有 一 种 看 完 一 遍 还 想 再 看 的 感觉 。 

3) 视觉 冲击 力 强 ， 颜 色 搭 配 巧 妙 。 


> 
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A 形状 提示 点 的 设置 


要 控制 复杂 或 罕见 的 形状 变化 ， 可 以 使 用 形状 提示 。 形 状 提 示 会 标识 起 始 形 状 和 结束 形 
状 中 相对 应 的 点 。 例 如 ， 如 果 要 补 间 一 张 正 在 改变 表情 的 脸 部 图 画 时 ， 可 以 使 用 形状 提示 来 
标记 每 只 有 眼睛。 这 样 在 形状 发 生变 化 时 ， 脸 部 就 不 会 乱 成 一 团 ， 每 只 眼睛 还 都 可 以 辨认 ， 并 
在 转换 过 程 中 分 别 变 化 。 

在 已 经 创建 了 一 个 基本 的 形状 补 间 动画 后 ， 可 以 按照 以 下 步 坚 添加 形状 提示 点 。 

1) 自 完 在 时 间 轴 上 的 形状 补 间 动 画 的 开始 关键 帧 中 选择 一 个 形状 ， 然 后 执行 “修改 ” 
一 “形状 ”一 “添加 形状 提示 ”菜单 命令 ，Flash 会 在 舞台 上 放置 一 个 用 字母 标记 的 红色 小 圆 
疼 ， 这 束 是 形状 提示 点 。 可 以 用 同样 的 方法 添加 多 个 形状 提示 点 ， 形 状 提示 包含 字母 (从 a 
到 z) ， 用 于 识别 起 始 形状 和 结束 形状 中 相对 应 的 点 。 最 多 可 以 使 用 26 个 形状 提示 。 

2) 在 开始 关键 帧 的 形状 上 确定 一 个 点 ， 用 “第 头 工 具 ” 进 行 选择 并 移动 第 一 个 形状 提 
示 点 ， 把 它 放 在 形状 上 一 个 用 户 想 要 其 与 最 终 形状 中 的 一 块 区 域 进行 匹配 的 区 域 上 。 

3) 当 把 播放 头 移动 到 形状 补 间 动画 的 结束 帧 上 时 ， 会 看 到 一 个 与 放 在 开始 帧 上 的 标 了 
字母 的 形状 提示 点 相 匹配 的 另 一 个 标 了 相同 字母 的 形状 提示 点 。 当 结束 关键 帧 中 的 形状 提示 
点 的 颜色 由 红色 变 成 了 绿色 ， 而 在 开始 关键 帧 中 的 形状 提示 点 由 红色 变 成 了 黄色 ， 则 表示 形 
状 提示 点 已 经 与 作品 建立 了 正确 的 连接 。 

4) 将 播放 头 在 时 间 轴 上 移动 预览 新 的 形变 过 程 。 不 俘 地 加 入 形状 提示 点 ， 或 对 它们 进 
行 重新 定位 ， 直 到 动画 产生 出 了 理想 的 形变 过 程 。 

要 在 补 间 形状 时 获得 最 佳 效 有 末 ， 还 应 逐 循 以 下 准则 ; 

1) 在 复杂 的 补 间 形状 中 ， 需 要 创建 中 间 形 状 然后 再 进行 补 间 ， 而 不 要 只 定义 起 始 和 结 
束 的 形状 。 

2) 确保 形状 提示 是 符合 逻辑 的 。 例 如 ， 如 采 在 一 个 三 角形 中 使 用 三 个 形状 提示 ， 则 在 
原始 三 角形 和 要 补 间 的 三 角形 中 它们 的 顺序 必须 是 一 致 的 。 它 们 的 顺序 不 能 在 第 一 个 关键 帧 
中 是 abe， 而 在 第 二 个 帧 中 是 acb。 

3) 如 果 按 逆 时 针 顺 序 从 形状 的 左上 角 开 始 放 置 形状 提示 ， 工 作 效 果 较 好 。 

4) 在 放置 形状 提示 点 时 ， 应 该 保证 提示 点 外 放 在 图 形 的 边框 线 上 。 





























呈 舍 光 呈 对 准 茶 个 形状 提示 点 单 击 筷 标 右键 ， 可 以 通过 弹出 的 快捷 菜单 对 形状 提示 点 进 
行 添加 、 删 除 和 显示 等 操作 。 
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【 案例 概述 】 


本 案例 利用 “传统 补 间 动 画 ” 技 术 制 作 了 一 个 “服务 三 农 ” 的 广告 动画 。 通 过 本 案例 
的 学 习 ， 该 者 主要 可 以 车 握 “ 传 统 伞 间 动 画 ” 的 制作 方法 和 特点 ， 以 及 元 件 和 实例 的 应 用 。 
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部 分 效果 如 图 4. 14 所 示 。 


发 展 智能 农业 建设 美丽 农村 ”帮助 农民 致 








图 4.14 “服务 三 农 ” 动 画 的 某 一 个 画面 


【 实现 过 程 ) 


1. 设置 “文档 属性 ” 
启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 
大 小 为 585 x120 像 系 ， 背景 为 日 色 。 执行“ 文件 ”一 “保存 ” BE 


库 | El 
菜单 命令 ， 将 新 文档 保存 ， 并 命名 为 “服务 三 农 ”。 基 曙 
2. 动画 制作 


RWB 把 系 材 文件 夹 里 的 所 有 图 片 导 入 到 文档 的 库 
中 ， 并 用 这 些 位 图 分 别 制作 一 个 图 形 元 件 ， 效 果 如 
图 4. 15 所 示 。 

E73P> 把 元 件 “1” 拖 到 “图 层 1” 的 第 1 帧 处 ， 设 回 : 














JT i \ 贡 4jpg 
置 元 件 “1” 实 例 的 位 置 和 舞台 重合 ， 然 后 在 “图 展 。 | 加 4 
1” 的 第 45 帧 处 插入 一 个 普通 帧 。 汪 


FEB 添加 “图 层 2”， 在 该 图 层 的 第 30 帧 处 搬入 | 加 
一 个 关键 帧 ， 把 元 件 “2” 拖 到 舞台 上 方 ， 如 图 4. 16 Ee 
所 示 。 然 后 在 “图 层 2” 的 第 45 帧 处 插入 一 个 关键 帧 ， 
把 舞台 上 的 元 件 “2” 实 例 拖 到 和 舞台 重合 ， 选 中 “图 
层 2” 第 30 帧 到 第 45 帧 之 间 的 任意 一 帧 ， 执 行 “ 搬 
入 ”一 “传统 补 间 ”菜单 命令 。 在 “图 层 2” 的 第 75 帧 处 插 和 人 普通 帧 。 


图 4.15 库 面板 效果 图 





图 4.16 元 件 “2” 实 例 第 30 帧 时 相对 于 舞台 的 位 置 
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BYP> 依次 添加 “图 层 3”、“ 图 层 4” 和 “图 层 5”, 分 别 在 三 个 图 层 的 第 60 帧 、 第 90 
帧 和 第 120 帧 处 插入 一 个 关键 帧 ， 分 别 把 元 件 “3”、“4” 和 “5” 拖 到 舞台 右 侧 、 下 方 和 
左 侧 ， 然 后 分 别 在 “图 层 3”、“ 图 层 4” 和 “图 层 5” 的 第 75 帧 、 第 105 帧 和 第 135 帧 
处 插入 一 个 关键 帧 ， 分 别 把 舞台 上 的 元 件 “3”、“4” 和 “5” 的 实例 拖 到 与 舞台 重合 ， 
分 别 给 “图 层 3”、“ 图 层 4” 和 “图 层 5” 创 建 传统 补 间 动画 。 最 后 分 别 在 “图 层 3”、 
“图 层 4” 和 “图 层 5” 的 第 105 帧 、 第 135 帧 和 第 165 帧 处 插入 普通 帧 ， 时 间 轴 效果 如 
图 4. 17 所 示 。 
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图 4.17 时 间 轴 效果 图 


EP> 添加 “图 层 6”， 在 该 图 层 的 第 150 帧 处 插 
入 一 个 关键 帧 ， 把 元 件 “6” 拖 到 舞台 上 方 ， 并 竺 
直 放 置 ， 如 图 4. 18 所 示 ， 然 后 在 “图 层 6” 的 第 
165 帧 处 插入 一 个 关键 帧 ， 把 舞台 上 的 元 件 “6?” 
实例 拖 到 和 舞台 重合 ， 选 中 “图 层 6” 第 150 帧 到 
第 165 帧 之 间 的 任意 一 帧 ， 执 行 “ 搬 和 人 ”一 传统 补 
间 ” 菜 单 命 令 。 在 “图 层 6” 的 第 180 帧 处 插入 普 
通 帧 。 

73> 新 建 “ 图 层 7”， 在 人 舞台 上 用 文本 工具 输入 
“发 展 智能 农业 ”建设 美丽 农村 “帮助 农民 致富 ”， 
设置 颜色 为 红色 (〈#FF0000) ， 字 体 为 黑体 ， 大 小 为 
20 点 。 然 后 调整 文本 在 舞台 上 的 位 置 。 

EJP 新 建 “图 层 8”,， 切换 到 “图 层 7”， 利 用 选 图 4.18 元 件 “6” 实 例 第 150 帧 
择 工 具 选 中 “图 层 7” 上 的 文本 ， 单 击 鼠 标 右键 ， 弹 时 相对 于 舞台 的 位 置 

出 的 快捷 菜单 中 选择 “复制 ”， 切 换 到 “图 层 8” 的 

第 1 帧 ,执行 “编辑 ”一 “ 精 贴 到 当前 位 置 ” 有 菜单 命令 。 

ED 选中 “图 层 8” 上 的 文本 ,利用 属性 面板 设置 文本 颜色 为 深 绿色 (#003300)， 然 
后 癌 下 癌 右 微微 移动 文本 。 

















用 ED 懈 动 文本 时 ， 只 需 分 别 按 一 下 键盘 上 的 右 方向 键 和 下 方向 键 即 可 。 
ESUUDy 保存 文档 ， 测 试 影片 。 
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天 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 
【 技术 讲解 】 


传统 外 间 动 画 的 基本 特点 


在 Flash 的 时 间 轴 面板 上 ， 在 某 个 网 层 的 一 个 关键 帧 上 放置 一 个 元 件 ， 然 后 在 同一 网 层 
的 兄 一 个 关键 帧 改变 这 个 元 件 的 大 小 、 颜 色 、 位 置 、 透 明度 等 ，Flash 根据 两 者 之 间 的 帧 的 
值 创建 的 动画 被 称 为 传统 补 间 动 画 。 

制作 传统 补 间 动 画 的 步骤 如 下 . 

1. 创建 动画 文件 

启动 Flash CS6， 执 行 “ 文 件 ” 一 “新 建 ” 合 令 。 

2. 创建 动画 起 始 关 键 帧 画面 

选择 任意 一 个 帧 为 起 始 关 键 帧 ， 如 果 它 还 不 是 一 个 关键 帧 ， 把 它 转换 为 一 个 关键 帧 
( 按 【F6】 键 ) ， 在 该 帧 处 放置 一 个 元 件 。 

3. 创建 动画 结束 关键 帧 画面 

在 同一 个 图 层 上 上， 鼠标 右键 单 击 起 始 关键 帧 右 侧 的 任意 一 帧 处 ， 在 弹出 的 快捷 沫 单 中 选 
择 “ 搬 人 关键 帧 ”， 该 帧 就 作为 结束 关键 帧 ， 选 中 结束 关键 帧 上 的 元 件 实例 ， 对 其 进行 移 
动 、 缩 放 、 放 和 转 、 修 改 颜色 、 修 改 透 明度 等 操作 。 

4. 创建 补 间 形状 

选中 起 始 帧 到 结束 帧 之 间 的 任意 一 帧 ， 执 行 “ 插 入 ”一 传统 补 间 ” 沫 单 命 令 ， 或 者 用 
鼠标 右键 单 击 开 始 关 键 帧 到 结束 关键 帧 之 间 的 任意 一 巾 ， 在 弹出 的 快捷 菜单 中 选择 “创建 
传统 补 间 ”， 就 可 以 创建 好 一 个 传统 补 间 动 画 。 

创建 好 传统 补 间 动 画 后 ， 在 起 始 关 键 帧 和 结束 关键 帧 之 间 的 区 域 将 变 成 蓝 色 的 背景 ， 

面 有 一 个 箭头 。 


























传统 补 间 动画 可 以 实现 旋转 效果 ， 旋 转 的 运动 效果 是 
使 实例 在 运动 的 同时 旋转 。 设 置 方法 是 创建 好 传统 补 间 动 
画 之 后 ， 选 中 起 始 关键 帧 ， 再 通过 “属性 ”面板 来 设置 ， 
如 图 4. 19 所 示 。 通 过 设置 旋转 方式 来 设置 旋转 效 末 ， 有 4 
个 选项 ， 分 别 是 “无 ”、“ 目 动 ”、“ 顺 时 针 ” 和 “ 赣 时 
针 ”， 旋 转 下 拉 列 表 框 后 面 的 数字 可 以 设置 旋转 的 次 数 。 

默认 情况 下 传统 补 间 动画 实现 的 运动 是 匀速 的 ， 如 果 
要 有 加 速 或 减速 效果 ， 就 需要 用 到 绥 动 。 同 设置 旋转 效果 
类 似 ， 同 样 需要 在 创建 好 传统 补 间 动 画 之 后 ， 选 中 起 始 关 - 
键 帧 ， 打 开 “ 属 性 ” 面板 ， 如 图 4. 19 所 不 。 和 变动 后 面 的 图 4.19 设置 旋转 效果 时 用 
数值 如 果 为 负数 ， 则 表示 元 件 实 例 做 加 速 运 动 ， 如 果 为 到 的 属性 面板 
0， 表 示 元 件 实例 做 实 速 运动 ; 如 采 为 正 数 ， 则 表示 元 件 








= 标签 
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实例 做 减速 运动 。 绥 动 信 的 取信 范围 为 [ -100，100]。 单 击 绥 动 后 面 的 铅笔 图 标 ， 可 以 打 
开 “ 目 定义 缓和 /组 出 ”面板 ， 如 图 4. 20 所 示 。 利 用 “ 目 定 义 组 入 /组 出 ”面板 ， 可 以 对 绥 
动 效 灯 进行 更 多 的 设置 。 


属性 (PY: 回 为 所 有 属性 使 用 一 种 设置 (U) 


1003% 


确定 





图 4.20 “ 自 定义 缓 入 / 缓 出 ”面板 








另外 ， 传 统 补 间 动 画 还 可 以 改变 元 件 实例 的 颜色 、 透 明度 等 ， 前 面 的 案例 已 有 涉及 ， 这 
里 不 由 次 述 


> 元 件 的 使 用 


在 Flash 中 ,通常 将 需要 重复 使 用 的 图 形 、 动 画 片 段 、 按 钮 制作 成 元 件 ， 存 放 在 文档 的 
“ 库 ” 面 板 中 。 -个 元 件 都 有 独立 的 时 间 轴 、 舞 台 和 符 干 图 层 。 

元 件 的 优点 有 以 下 几 点 : 

1) 元 件 只 需要 创建 一 次 ， 便 可 以 在 整个 Flash 文档 中 重复 使 用 寿 干 次 。 

2) 修改 某 个 元 件 ， 会 使 得 所 有 由 该 元 件 生成 的 实例 自动 批量 更 新 ， 而 不 必 一 个 一 个 

















3) 用 户 可 以 使 用 男 一 个 文档 中 创建 的 元 件 ， 从 而 实现 元 件 在 文档 间 的 共享 。 

4) 元 件 在 文档 中 只 存储 一 次 ， 即 使 无 数 次 使 用 ， 也 只 存储 一 次 ,市 省 了 大 量 空间 。 

5) 可 以 加 快 swf 文件 的 播放 速度 ， 因 为 一 个 元 件 只 需 下 载 到 Flash Player 中 一 次 。 

6) 舞 合 上 的 每 个 元 件 的 实例 是 一 个 整体 ， 图 形 之 间 不 会 相互 影响 。 

1. 元 件 的 类 型 和 建立 

在 Flash 中 有 3 种 类 型 的 元 件 ， 分别 为 图 形 元 件 、 地 辑 元 件 和 按钮 元 件 。 

1) 图 形 元 件 。 ed em er fe 是 制作 动画 的 基本 
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元 素 之 一 。 图 形 元 件 中 的 内 容 可 以 是 静态 图 像 ， 也 可 以 是 由 多 个 帧 组 成 的 动画 ， 但 不 能 对 图 
形 元 件 添加 交互 式 行为 和 声音 控制 。 

2) 影片 剪辑 元 件 。 影 片 剪辑 元 件 本 身 就 是 一 段 可 独立 播放 的 动画 ， 等 同 于 一 个 完整 的 
动画 文件 。 在 一 个 影片 片段 中 可 以 包含 其 他 多 个 动画 片段 ， 形 成 一 种 舱 套 的 结构 。 在 播放 影 
片 时 ， 影 片 剪 辑 元 件 不 会 随 着 主动 画面 的 停止 而 结束 工作 ， 因 此 非常 适合 制作 如 下 拉 式 菜单 
之 类 的 动画 元 件 。 用 户 可 对 影片 剪辑 元 件 添加 交互 式 行为 和 声音 控制 ， 使 动画 更 加 丰富 
多 彩 。 

3) 按钮 元 件 。 按 钮 元 件 用 于 响应 鼠标 的 滑 过 、 单 击 等 操作 。 按 钮 元 件 主要 包括 “ 阐 
起 ”、“ 指 针 经 过 ”、“ 按 下 ”和 “点 击 ”4 种 状态 。 通 过 在 这 4 种 状态 中 创建 不 同 的 内 容 ， 
可 以 使 按钮 在 不 同 的 状态 下 呈现 出 相应 的 图 形 内 容 ， 以 突出 按钮 对 鼠标 或 按键 的 响应 状况 。 

在 Flash 中 有 两 种 创建 元 件 的 方法 : 

人 

现在 舞台 上 绘制 好 图 形 或 导入 位 图 ， 然 后 使 用 “选择 工具 ”选中 形状 或 位 图 ， 按 【F8] 
快捷 键 或 者 执行 “修改 “转换 为 元 件 ” 菜 单 命令 ,或 者 用 鼠标 右键 单 击 形状 或 位 图 ， 在 
弹出 的 快捷 菜单 中 选择 “转换 为 元 件 "， 会 打开 “转换 为 元 件 ”对 话 框 ， 输 入 元 件 的 名 称 和 
类 型 。 用 这 种 方法 建立 元 件 后 ， 不 仅 “ 库 ”面板 中 有 元 件 ， 舞 台 上 也 有 它 的 实例 ， 

yd 

执行 “插入 ”一 “ 新 建 元 件 ” 菜 单 命令 ， 打 开 “ 创 建新 元 件 ” 对 话 框 ， 输 入 新 元 件 的 名 
称 ， 设置 元 件 的 类 型 ， 就 可 以 进入 元 件 编辑 状态 ， 在 元 件 编辑 状态 下 绘制 形状 或 导入 位 图 
等 。 返回 主场 景 后 ,“ 库 ”面板 中 有 建立 好 的 元 件 ， 但 舞台 上 没有 对 应 的 元 件 实例 。 

2. 元 件 的 编辑 

编辑 元 件 ， 必 须 切换 到 元 件 编辑 模式 下 才能 进行 ， 元 件 的 编辑 模式 共有 一般 编辑 、 在 当 
前 位 置 编辑 和 在 新 窗口 中 编辑 3 种 。 

(1) 一 般 编辑 

当 工 作 区 中 包含 多 个 图 形 时 ， 只 有 选中 的 元 件 显示 在 编辑 区 中 ， 这 是 最 常用 的 编辑 操 
作 。 编 辑 元 件 有 以 下 4 种 方法 ， 用 任意 一 种 方法 ， 都 可 进入 编辑 模式 。 

1) 选中 一 个 元 件 的 实例 选择“ 编辑 "编辑 元 件 ”命令 。 

2) 右 击 一 个 元 件 实例 ， 在 弹出 的 快捷 菜单 中 选择 “编辑 ” 

3) 在 “ 库 ” 面 板 中 ， 双 击 需 要 编辑 的 元 件 。 

4) 单 击 “ 时 间 轴 ”窗口 上 方 的 “编辑 元 件 ” 按 钮 ， 在 弹出 的 菜单 中 ， 选 择 要 编辑 元 件 
的 名 称 ， 如 图 4.21 所 示 。 

(2) 在 当前 位 置 编 辑 

当 工 作 区 中 包含 多 个 元 件 时 ， 只 有 选中 的 元 件 才 
可 以 编辑 ， 其 他 元 件 将 以 灰 度 显示 。 使 用 该 模式 ， 可 
以 同时 对 比 电影 中 其 他 元 件 ， 以 便于 更 好 地 确定 所 纺 
辑 元 件 的 位 置 。 操 作 方法 为 : 选中 一 个 元 件 的 实例 ， 
执行 “编辑 "在 当前 位 置 编辑 ”菜单 命令 ， 或 者 单 apa 
击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “在 当前 位 置 ee 
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编辑 ”， 或 者 在 场景 中 直接 双击 实例 。 

(3) 在 新 窗口 中 编辑 

将 所 选 元 件 独 立 放 置 在 一 个 新 的 工作 区 窗口 中 以 供 编辑 。 该 编辑 模式 不 稼 用 ， 如 有 果 不 喜 
欢 在 场景 和 元 件 之 间 切 换 ， 可 以 使 用 在 新 窗口 中 编辑 模式 。 

在 工作 区 选中 一 个 元 件 实 例 后 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “在 新 窗口 
中 编辑 ”， 选 中 的 元 件 在 新 的 独立 窗口 中 出 现 。 

3. 使 用 其 他 Flash 影片 中 的 元 件 

用 户 在 创建 动画 时 有 时 需要 使 用 其 他 Flash 影片 中 的 元 件 ， 操 作 步 又 如 下 : 

1) 执行 “文件 ”一 导入 ”一 打开 外 部 库 ” 沫 单 命令 ， 打 开 “ 作 为 库 打 开 ” 对 话 框 ， 
在 该 对 话 框 中 ， 选 择 要 作为 库 打开 的 文件 ， 打 开 该 文件 的 元 件 “ 库 ”。 

2) 用 户 可 以 在 当前 有 影片 中 使 用 该 文件 “ 库 ” 中 的 元 件 。 选 择 所 和 需 的 元 件 ， 即 可 将 其 他 
影片 中 的 元 件 添 加 到 当前 文档 中 ， 则 所 选 元 件 将 目 动 添加 到 当前 动画 文件 的 “ 库 ” 中 。 

















&23 注意 : 对 于 打开 的 其 他 文档 的 元 件 “ 库 ”来 说 ， 用 户 只 能 使 用 其 中 的 元 件 ， 而 无 


法 编辑 元 件 “ 库 ”中 的 内 容 。 





> 实例 编辑 


元 件 在 动画 中 是 通过 创建 元 件 实例 的 方式 来 使 用 的 。 实 例 是 元 件 的 一 个 引用 ， 是 元 件 在 
舞台 上 的 具体 体现 。 在 创建 好 元 件 之 后 ， 将 元 件 从 “ 库 ” 面 板 拖 放 到 舞台 上 就 为 该 元 件 创 
建 了 一 个 实例 。Flash 文档 中 的 所 有 地 方 都 可 以 使 用 元 件 实例 ， 包 括 在 其 他 元 件 的 内 部 。 

每 个 元 件 实例 都 有 独立 于 该 元 件 的 属性 。 用 户 
可 以 对 实例 进行 编辑 ， 如 改变 实例 的 大 小 、 位 置 、 
色调 、 透 明度 等 ， 还 可 以 对 实例 进行 缩放 、 旋 转 、 
倾 笠 、 重 新 定义 实例 的 类 型 ， 并 可 以 设置 动画 在 图 
形 实例 内 的 播放 形式 。 而 这 些 变 化 不 会 对 元 件 产 生 























任何 影响 。 
实例 的 大 小 和 位 置 ， 可 以 通过 属性 面板 ， 或 者 
利用 “任意 变形 工具 ”对 其 进行 调整 。 而 要 对 实例 图 4.22 “色彩 效果 ”选项 


的 颜色 进行 调节 ， 可 以 通过 打开 “属性 ”面板 ， 设 
置 “ 色 彩 效 采 ” 选 项 来 完成 ， 如 网 4. 22 所 示 。 

如 果 选 择 “ 腕 上 度 ”， 下 面 会 出 现 一 个 滑动 条 ， 如 图 4. 23 所 示 ， 用 户 可 以 拖 动 滑 块 ， 或 
者 在 文本 框 中 输入 百分比 ,来 调节 元 件 实 例 变 暗 或 者 变 亮 。 如 果 选 择 “Alpha”， 同 样 会 出 
现 一 个 滑动 条 ， 如 图 4. 24 所 示 ， 用 户 可 以 拖 动 滑 块 ， 或 者 在 文本 框 中 输入 百分比 ， 来 调节 
元 件 实 例 的 透明 度 。 如 果 选 择 “ 色 调 ”， 会 出 现 四 个 滑动 条 ， 如 图 4.25 所 示 ， 可 以 通过 拖 
动 滑 块 或 输入 数值 或 单 击 闫 色 块 ， 并 选取 颜色 ， 来 调 市 实例 的 色调 。 如 果 选 择 “ 高 级 ”， 会 
出 现 如 图 4. 26 所 示 的 界面 ， 用 户 可 以 综合 上 面 的 三 种 功能 对 实例 进行 调 市 。 
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sw 亿 赣 灼 困 < 名 剖 藻 果 
样式 : [喜庆 EE 样式 : [Alpha |] 
ee -一 一 [-25 | 加 Blpha: 一 一 [55 | 器 
图 4.23 “亮度 ”的 设置 图 图 4.24 “Alpha” 的 设置 








样式 : [色调 国 国 
调 一 一 全 一 一 |62 |% 
| 255 | 
扣 : 一 一 人 一 一 一 
E20 


Alpha: 55% 完 商 二 


0 
红 : i100% xR+ 0 
综 : 100% xG+ 0 
矿 : 100% xB 十 0 


图 4.25 “色调 ”的 设置 图 4.26 “高 级 ”的 设置 


修改 实例 ， 不 会 影响 元 件 ， 但 是 修改 元 件 便 会 影响 实例 。 如 果 要 断 开 元 件 与 实例 之 
间 的 连接 关系 ， 可 以 分 离 实 例 。 对 于 图 形 实 例 ， 分离 后 与 “元 件 ” 脱 离 了 内 在 关系 ， 
它 成 了 舞台 中 一 个 扳 立 元 素 。 对 于 按钮 实例 ， 分 离 后 变 成 单 帧 的 元 素 ， 显 示 为 原 按 钮 
第 一 帆 的 内 容 。 对 于 影片 聋 辑 ， 分 离 后 变 成 一 个 单 帧 的 元 系 ， 其 内 容 为 原 影 片 鸡 辑 的 
第 一 帧 ， 如 打 有 多 个 图 层 ， 那 么 为 第 一 帧 的 内 容 爱 加 。 分 离 后， 修改 该 实例 的 元 件 ， 
不 会 影响 到 已 分 离 的 实例 。 而 且 “ 组 合 ” 操 作 只 能 得 到 “图 形 的 集合 ”， 恢 复 不 了 原 元 
件 的 类 型 。 


. 小 镜 效果 














滤 镜 是 一 种 应 用 到 对 象 上 的 视觉 效果 。Flash 允许 对 文本 、 影 片 剪辑 实例 或 按钮 实例 添 
加 小 镜 效果 。 

1. 添加 滤 镜 

选中 文本 或 影片 羡 辑 实例 或 按钮 实例 后 ， 打 开 “ 属 性 ”面板 , 单 击 “小 镜 ”选项 卡 ， 
打开 该 选项 卡 面板 ， 如 图 4.27 所 示 。 单 击 面 板 左下 角 的 “添加 小 镜 ”按钮 ， 在 弹出 的 羔 
单 中 可 以 选择 要 添加 的 滤 镜 选项 ， 也 可 以 执行 删除 、 司 用 和 蔡 止 滤 镜 将 末 ， 如 网 4. 28 
所 示 。 

添加 滤 镜 效果 后 ， 可 以 设置 滤 镜 的 相关 属性 ， 每 种 滤 镜 效果 的 属性 设置 都 有 所 不 同 ， 下 
面 将 介绍 这 些 滤 镜 的 属性 设置 。 

(1) 投影 滤 借 

单 击 舞台 上 的 文本 或 影片 剪辑 实例 或 按钮 实例 ， 选 择 “ 属 性 ”面板 上 的 “ 滤 镜 ”选项 ， 
单 击 “ 添 加 滤 镜 ”按钮 ， 然 后 在 沫 单 中 选择 “投影 ”选项 ， 接 下 来 承 可 以 在 “ 滤 镜 ”选项 
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图 4. 28 “添加 滤 镜 ” 菜单 


图 4.27 展开 “ 滤 镜 ”选项 卡 








区 修改 相关 的 滤 镜 设置 ， 如 图 4. 29 所 示 。 具 体 参 数 的 含义 如 下 : 
【模糊 X】、 【模糊 Y] 一 一 变 置 投影 的 宽度 和 高 度 。 可 在 其 后 的 文本 框 中 输入 数值 。 
【强度 ] 一 一 设置 投影 的 阴暗 度 。 在 其 后 的 文本 框 中 输入 数值 。 数 值 越 大 ， 阴 影 束 越 瞳 。 
【 品质】 一 一 在 下 拉 列 表 框 中 选择 投影 的 质量 级 别 。 有 高 、 中 、 低 3 个 选项 ， 选 择 高 则 
近似 于 高 斯 模糊 ， 选 择 低 可 以 实现 最 佳 的 回放 性 能 。 
【和 角度 ] 一 一 设置 投影 的 角度 。 可 在 其 后 的 文本 框 中 输入 数值 。 
【距离 ] 一 一 设置 投影 与 对 和 象 之 间 的 距离 。 可 在 其 后 的 文本 框 中 输入 数值 。 
义 选 此 复 选 框 ， 可 挖 空 ( 即 从 视觉 上 隐藏 ， 源 对 象 ， 并 在 挖 空 图 像 上 只 显 




















【 挖 空 】 


不 投影 。 
【内 阴影 勾 选 此 复 选 框 ， 在 对 和 象 边界 内 应 用 阴影 。 
【 隐藏 对 象 一 一 勾 选 此 复 选 枉 ， 隐 藏 对 象 并 且 只 显示 其 阴影 ， 可 以 更 轻松 地 创建 出 盘 











真 的 阴影 。 
【 颜色】 一 一 设置 阴影 的 颜色 。 单 击 其 后 的 图 标 ， 在 弹出 的 颜色 选择 大 中 选择 颜色 。 











(2) 模糊 小 独 
单 击 舞 人 台 上 的 文本 或 影片 芒 辑 实例 或 按钮 实例 ， 选 择 “ 属 性 ”面板 上 的 “ 滤 镜 ”选项 ， 
单 击 “ 诬 加 滤 筑 ”按钮 ， 然 后 在 荣 单 中 选择 “模糊 ”选项 ， 接 下 来 承 可 以 在 “ 涯 镜 ” 选 项 
区 修改 相关 的 滤 镜 设置 ， 如 图 4. 30 所 示 。 具 体 参 数 的 含义 如 下 : 
【模糊 X】、[【 模 糊 Y] 一 一 设置 模糊 的 客 度 和 局 度 。 
【 品质】 一 一 在 下 拉 列 表 框 中 选择 模糊 的 质量 级 别 。 
(3) 发 光 滤 镜 
瘟 辑 实例 或 按钮 实例 ， 选 择 “ 属 性 ”面板 上 的 “ 渡 镜 ”选项 ， 
”选项 





单 击 舞台 上 的 文本 或 影 
单 击 “ 诬 加 滤 筑 ”按钮 ， 然 后 在 某 单 中 选择 “发 光 ” 选 项 ， 接 下 来 驶 可 以 在 “ 波 饥 


区 修改 相关 的 滤 镜 设置 ， 如 图 4. 31 所 示 。 具 体 参 数 的 含义 如 下 : 
【模糊 X】、 【模糊 Y] 一 一 放置 发 光 的 宽度 和 高 度 。 在 其 后 的 文本 框 中 输入 数值 。 














【强度 一 一 设置 发 光 的 消 晰 度 。 
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se 渴 铬 < 渴 策 
模糊 
模糊 x 5 像素 Ea 
模糊 YY 5 像素 Ea 
品质 lm ee 
ET 
可 可 和 钝 元 急 轩 11 二 
图 4. 29 “投影 ” 滤 镜 参数 设置 4. 30 “模糊 ” 滤 镜 参数 设置 


【 品质】 一 一 在 下 拉 列 表 框 中 选择 发 光 的 质量 级 别 。 
ee 在 弹出 的 颜色 选择 条 中 选择 颜色 。 
空 〈( 即 从 视觉 上 隐藏 ) 源 对 象 ， 并 在 控 空 图 像 上 只 





示 发 光 。 

【内 发 光 ] 一 一 色 选 此 复 选 框 ， 在 对 和 象 边界 内 应 用 发 光 。 

(4) 笠 角 滤 饥 

单 击 舞 台 上 的 文本 或 影 斤 勇 辑 实例 或 按钮 实例 ,选择 “属性 ”面板 上 的 “ 滤 镜 ”选项 ， 
单 击 “ 添 加 滤 镜 ”按钮 ， 然 后 在 且 单 中 选择 “和 斜 朋 ”选项 ， 接 下 来 承 可 以 在 “ 滤 镜 ”选项 
区 修改 相关 的 滤 镜 设置 ， 如 图 4. 32 所 示 。 具 体 参 数 的 含义 如 下 : 







































































xs 四 答 
属性 | 值 | 
头角 
模糊 Xx 5 像素 ss 
模糊 5 像素 ss 
强度 100 % 
品质 ss es| 
阴 景 力 
主星 示 [ 
角度 45 
距离 5 像素 
控 空 男 | 
对 型 
| 引 杞 二 筷 久 | hb 
4. 31 “发 光 ” 滤 镜 参 数 设置 4. 32 “和 斜 角 ” 滤 镜 参 数 设 置 








【模糊 X】、【 模糊 Y]】 一 一 设置 斜 角 的 宽度 和 高 度 。 在 其 后 的 文本 框 中 输入 数值 。 
【强度 ] 一 一 设置 斜 角 的 不 透明 度 并 且 不 影响 其 宽度 。 在 其 后 的 文本 框 中 输入 数值 。 
【 品质 】 一 一 在 下 拉 列 表 框 0 的 质 eee 

【阴影 】 【加 亮 显示 
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颜色 选择 需 中 选择 颜色 。 

【 凶 度 ] 一 一 设置 笠 边 投下 的 阴影 角度 。 在 其 后 的 文本 框 中 输入 数值 设 置 角度 值 。 

【距离 ] 一 一 设置 竹 角 的 宽度 。 在 其 后 的 文本 框 中 输入 数值 。 

【 控 空 义 选 此 复 选 枉 ， 可 挖 空 〈( 即 从 视觉 上 隐藏 ) 源 对 象 ， 并 在 挫 空 图 像 上 只 
示 和 斜 角 。 

【类 型 ] 一 一 在 下 拉 列 表 框 中 选择 斜 角 应 用 于 对 象 的 类 型 。 有 内 侧 、 外 侧 和 全 部 3 个 选项 。 

(5) 渐变 发 光 小 锐 

单 击 舞台 上 的 文本 或 影片 剪辑 实例 或 按钮 实例 ， 选 择 “ 属 性 ”面板 上 的 “ 滤 镜 ”选项 ， 
单 击 “ 添 加 滤 镜 ”按钮 ， 然 后 在 菜单 中 选择 “渐变 发 光 ” 选 项 ， 接 下 来 就 可 以 在 “ 滤 镜 ” 
ee 

【模糊 XX】、 在 其 后 的 文本 框 中 输入 数值 。 

bi 0 

【品质 一 一 在 下 拉 列 表 框 中 选择 渐变 发 光 的 质量 级 别 。 

【角度 ] 一 一 设置 发 光 投 下 的 阴影 角度 。 在 其 后 的 文本 框 中 输入 数值 。 

J 与 对 象 之 间 的 距离 。 在 其 后 的 文本 框 中 输入 数值 。 
分 选 此 复 选 框 ， 可 挖 空 ( 即 从 视觉 上 隐藏 ， 源 对 象 ， 并 在 挖 空 图 像 上 只 
示 浙 变 发 光 。 101 

【类 型 ] 一 一 在 下 拉 列 表 框 中 为 对 象 选择 应 用 的 发 光 类 型 。 有 内 侧 、 外 侧 和 全 部 3 个 
选项 。 

【渐变 ] 一 一 设置 发 光 的 渐变 颜色 。 渐 变 包 含 两 种 或 多 种 可 相互 淡 入 或 混合 的 颜色 。 单 
击 渐变 定义 栏 下 的 颜色 指针 ， 在 弹出 的 颜色 选择 右 中 选择 颜色 。 滑 动 颜 色 指 针 ， 可 调整 该 颜 
色 在 渐变 中 的 级 别 和 位 置 。 

(6) 渐变 料 角 滤 镜 

单 击 舞台 上 的 文本 或 影片 剪辑 实例 或 按钮 实例 ， 选 择 “ 属 性 ”面板 上 的 “ 滤 镜 ”选项 ， 
单 击 “ 添 加 滤 镜 ”按钮 ， 然 后 在 沫 单 中 选择 “渐变 和 斜 角 ”选项 ， 接 下 来 就 可 以 在 “ 滤 镜 ” 
选项 区 修改 相关 的 滤 镜 设置 ， 如 图 4. 34 所 示 。 具 体 参 数 的 含义 如 下 : 
















































































sr 四 繁 se 正和 敬 

属性 | 值 | 属性 | 值 

焉 “新 变 点 光 下 渐变 半角 
模糊 X 5 像素 ”中 模糊 x 
模糊 Y 5 像素 号 模糊 
强度 100 % 强度 
品质 lia 品质 
角度 J 角度 
距离 5 像素 距离 
控 空 辑 让 
类 弄 于 网 1™| 类 型 
渐 挛 渐变 

ELE 


















































图 4.33 “渐变 发 光 ” 滤 镜 参 数 设 置 图 4.34 “渐变 斜 角 ” 滤 镜 参数 设置 
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【模糊 X】、 【模糊 Y 了 一 一 设置 糙 角 的 宽度 和 高 度 。 在 其 后 的 文本 框 中 输入 数值 。 

【强度 一 一 变 置 料 角 的 平 请 度 并 且 不 影响 其 宽度 。 在 其 后 的 文本 框 中 输入 数值 。 数 值 
越 大 ， 阴 影 就 越 暗 。 

【 品质】 一 一 在 下 拉 列 表 框 中 选择 渐变 笠 角 的 质量 级 别 。 

【和 角度] 一 一 设置 光源 的 角度 。 在 其 后 的 文本 框 中 输入 数值 。 

[ I ] 一 一 设置 斜 角 的 宽度 。 在 其 后 的 文本 框 中 输入 数值 。 
们 选 此 复 选 框 ， 可 挖 空 ( 即 从 视觉 上 隐藏 ， 源 对 象 ， 并 在 控 空 图 像 上 只 

















0 


【类 型 








立 列表 框 中 为 对 象 选择 应 用 的 斜 角 类 型 。 有 内 侧 、 外 侧 和 全 部 3 个 选项 。 

or 渐变 包含 两 种 或 多 种 可 相互 淡 和 或 混合 的 颜色 。 单 
击 渐 变 定 义 栏 下 的 颜色 指针 ， 在 弹出 的 颜色 选择 套 中 选择 颜色 。 清 动 颜色 指针 ， 可 调整 该 颜 
色 在 渐变 中 的 级 别 和 位 置 。 

(7) 调整 颜色 滤 镜 

单 击 舞台 上 的 文本 或 影片 剪辑 实例 或 按钮 实例 ， 选 择 “ 属 性 ”面板 上 的 “ 滤 镜 ”选项 ， 
单 击 “ 添 加 滤 镜 ”按钮 ， 然 后 在 菜单 中 选择 “调整 颜色 ”选项 ， 接 下 来 就 可 以 在 “ 滤 镜 ” 
选项 区 修改 相关 的 滤 镜 设置 ， 如 图 4. 35 所 示 。 有 具体 参数 的 含义 如 下 : 
、 阴 影 及 中 调 ， 在 其 后 的 文本 框 中 输入 数值 ， 取 全 范围 



































为 -100 ~100。 
亮度 ， 在 其 后 的 文本 框 中 输入 数值 ， 范围 为 -100 ~ 100。 
【饱和 度 企 其 后 的 文本 框 中 输入 数值 ， 取 值 范 围 为 -100 ~100。 
企 其 后 的 文本 框 中 输入 数值， 范围 为 -180 ~180。 








2. 复制 粘贴 滤 镜 

选择 要 从 中 复制 泪 镜 的 对 象 ， 单 击 “ 涯 镜 ” 选 项 卡 左下 角 的 “和 勇 贴 板 ” 按 钮 ， 然 后 从 
弹出 沫 单 中 选择 “复制 所 选 ” 。 符 要 复制 所 有 涯 镜 ， 可 选择 “复制 全 部 ”。 最 后 选择 要 应 用 
小 镜 的 对 象 ， 并 单 击 “ 藤 贴 板 ” 按 钮 ， 然 后 从 弹出 采 单 中 选择 “粘贴 ”选项 ， 如 图 4. 36 
ya 





属性 | 植 Im 
”调整 颜色 | 
室 度 0 
对 比 度 0 
饱和 度 0 
色相 0 





避 本 筷 雪 急 半 | | 











图 4. 3S “调整 颜色 ” 滤 镜 参数 设置 图 4. 36 “剪贴 板 ” 菜 单 命令 
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3. 预 设 滤 镜 

首先 将 一 个 或 多 个 小 镜 应 用 到 某 个 对 象 。 然 后 选择 滤 镜 并 单 击 “ 预 设 ”按钮 ， 然 后 选 
择 “ 男 存 为 ”， 在 “将 预 设 男 存 为 ”对 话 杠 中， 输入 滤 镜 设置 的 名 称 ， 单 击 “ 确 定 ” 即 可 
创建 预 设 滤 镜 。 通 过 单 击 “ 预 设 ” 按 钮 ， 还 可 以 对 预 设 滤 镜 进行 重合 名 和 删除 操作 。 

定义 好 预 设 滤 镜 ， 就 可 以 为 其 他 对 象 应 用 预 设 滤 镜 了 。 首 先 选 择 要 应 用 滤 镜 预 设 的 对 
象 ， 然 后 选择 “ 滤 镜 ”选项 卡 ， 单 击 “ 预 设 ” 按 钮 ， 从 预 设 菜单 底部 的 可 用 预 设 列 表 中 ， 
选择 要 应 用 的 滤 锐 预 设 即 可 。 


i 注意 : 将 预 设 滤 镜 应 用 于 对 象 时 ，Flash 会 将 当前 应 用 于 所 选 对 象 的 所 有 滤 镜 蔡 换 
为 该 预 设 中 使 用 的 涯 镜 。 


制作 “七 乡 相 会 ”动画 





【 案例 概述 】 


本 案例 利用 “ 补 间 动 画 ” 技 术 制 作 了 一 个 “七 夕 相 会 ”的 动画 。 通 过 本 案例 的 学 习 ， 
该 者 主要 可 以 掌握 “ 补 间 动 画 ” 的 制作 方法 和 特点 。 部 分 效果 如 网 4. 37 所 示 。 
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七 夕 相 会 





图 4.37 “七 夕 相 会 ”动画 的 某 一 个 画面 


【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 选 择 动 作 脚 本 为 ActionSeript 2.0。 设置 文档 
大 小 为 712 x400 像 系 ,背景 为 日 色 。 执 行 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 
命名 为 “七 夕 相 会 ”。 

2. 导入 素材 

把 素材 文件 夹 里 的 所 有 图 片 和 声 首 文 件 导 入 到 文档 的 库 中 。 
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3. 制作 元 件 
ESB5P> 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “月 亮 ”， 进 入 元 件 编 辑 状态 ， 在 舞台 上 绘制 一 个 
直径 为 132 的 圆 形 ， 无 笔触 颜色 ， 填 充 颜色 为 浅黄 色 (#FFFF99 ) 。 
ES 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “ 牛 即 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “和 牛 郎 织 
女 .jpg” 拖 到 舞台 上 ， 将 该 位 岁 分 离 ， 分 离 后 先 用 “ 套 索 工具 ”把 牛 即 先 圈 取出 来 ， 删 除 
其 他 内 容 ， 接 下 来 用 “魔术 棒 ” 选 择 剩 余 的 背景 ， 选 中 后 ， 按 【Delete】 键 删除 ， 如 果 还 有 
多 余 的 背景 存在 ， 用 橡皮 擦 工具 擦 除 。 扣 取出 来 的 牛 妇 如 图 4. 38 所 示 ， 把 人 物 放 在 舞台 中 
央 位置 。 返 回 “ 场 景 1”。 
ES》 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “织女 ”， 进 入 元 件 编辑 状态 ， 用 Step2 同样 的 方 
法 把 织女 从 位 图 “和 牛郎织女. jpg” 中 扣 取 出 来 ， 并 放 在 舞台 中 央 位 置 ， 返 回 “ 场 景 1”。 
ES 新 建 一 个 图 形 元 件 ， 命 名 为 “牛郎织女 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “和 牛 郎 ” 
元 件 和 “织女 ”元 件 分 别 拖 放 到 舞台 上 ， 并 调整 元 件 的 位 置 ， 如 图 4. 39 所 示 。 











图 4.38 “和 牛 郎 ” 元 件 里 的 内 容 图 4.39 “和 牛郎织女” 元件 里 的 内 容 


ESS》 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “ 相 会 "， 进 入 元 件 编 辑 状 态 ， 把 库 中 的 “和 牛 郎 织 
女 ” 元 件 拖 到 舞台 的 中 央 位 置 ， 在 “图 层 1” 的 第 30 帧 处 插入 一 个 普通 帧 ， 选 中 “图 层 1” 
的 第 1 帧 到 第 30 帧 之 间 的 任意 一 帧 ， 执 行 “ 搬 入 ”一 “ 补 间 动画 ”菜单 命令 。 用 鼠标 右键 
单 击 “图 层 1” 的 第 10 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “插入 关键 帧 ”一 “ 许 转 ”命令 ， 如 
图 4. 40 所 示 ， 然 后 用 “任意 变形 工具 ” 单 击 第 10 帧 处 的 元 件 实例 ， 并 将 实例 顺 时 针 旋 转 一 
个 角度 ， 如 图 4.41 所 示 。 用 同样 的 方法 在 “图 层 1” 的 第 20 帧 和 第 30 帧 处 分 别 插 入 同样 
的 关键 帧 ， 并 对 第 20 帧 处 的 实例 逆 时 针 旋 转 一 定 的 角度 ， 如 图 4. 42 所 示 ， 第 30 帧 处 的 实 
例 与 第 1 帧 处 的 实例 一 样 ， 恢 复 初 始 角度 。 返 回 “ 场 景 1”。 





册 降 帆 


皇上 关键 帖 
插 六 空白 关键 帖 
清除 关键 帖 
查看 关键 帖 


草 切 帆 
复制 帖 
粘贴 帖 
















图 4. 40 ”快捷 菜单 的 选择 
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图 4. 41 “ 相 会 ”元 件 第 10 帧 处 的 实例 效果 图 4. 42 “ 相 会 ”元 件 第 20 帧 处 的 实例 效果 


ET》> 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “玫瑰 心 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “ 玫 现 
心 . png” 拖 到 舞台 中 央 位 置 ， 返 回 “ 场 景 17”。 

ES 新建 一 个 影片 剪辑 元 件 ， 命 名 为 “love”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “玫瑰 . jpg” 
拖 到 舞台 上 ， 然 后 用 文本 工具 在 位 图 劳 边 输入 文本 “love”, 设置 字体 为 “Impact”， 字 扎 
为 90 点 。 然 后 执行 “修改 ”一 “分 离 ” 莱 单 命 令 两 次 。 单 击 工具 箱 里 的 “墨水 瓶 工 具 ”， 
设置 笔触 颜色 为 黑色 ， 然 后 在 分 离 好 的 文字 边缘 处 添加 边框 ， 添 加 好 后 的 效果 如 图 4. 43 所 
示 。 然 后 按 【Delete】 键 ,将 边框 内 的 填充 颜色 删除 ， 删 除 后 的 效 采 如 图 4.44 所 示 。 然 后 
调整 旁边 的 图 片 大 小 ， 锁 定 宽 高 比 ， 设 置 宽度 为 245， 然 后 按 【Ctrl + B】 快 捷 键 ， 将 位 图 分 
离 ， 然 后 将 线 框 文字 拖 到 分 离 后 的 位 图 上 ， 接 看 删除 文字 以 外 的 部 分 ， 最 终 效 末 如 图 4. 45 


所 示 。 返 回 “ 场 时 17”。 


图 4.43 给 分 离 后 的 文本 加 边框 图 4.44 删除 填充 颜色 后 的 效果 

















4.4S love 最 终 效果 图 


4. 动画 制作 
ES 把 “图 层 1” 重 命名 为 “背景 ”， 然 后 把 库 中 的 “更 桥 . jpg” 拖 到 舞台 上 ， 调 整 到 
合适 位 置 ， 在 “图 层 1” 的 第 260 帧 处 插入 普通 帧 。 
ES 新 建 一 个 图 层 ， 重 命名 为 “月 亮 ”， 然 后 把 库 中 的 “月 亮 ” 元 件 拖 到 舞台 的 下 方 ， 
通过 “属性 ”面板 给 实例 添加 “发 光 ” 滤 镜 效 果 ， 人 参数 设 置 如 网 4. 46 所 示 。 
ESERK 戎 用 鼠标 右键 单 击 “ 月 有 党” 图 层 第 1 帧 到 第 260 帧 之 间 的 任意 一 帧 ， 在 弹出 的 快捷 
菜单 中 选择 “创建 补 间 动 画 ”， 然 后 用 鼠标 右键 单 击 “ 月 亮 ” 图 层 的 第 60 帧 ， 弹 出 的 快捷 
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菜单 中 选择 “搬入 关键 帧 ”一 “人 位置” 命令 ， 
然后 将 第 60 帧 上 的 实例 拖 到 舞台 的 上 方位 置 ， 
此 时 第 1 帧 到 第 60 帧 之 间 元 件 实例 的 运动 轨迹 
会 显示 在 舞台 上 ， 如 图 4. 47 所 示 。 

3 新 建 一 个 图 层 ， 重 命名 为 “角色 1”， 











从 库 中 把 “ 牛 郎 ” 元 件 拖 到 舞台 上 ， 并 调整 位 eC 
置 ， 使 之 站 在 拱 形 静 桥 的 左 侧 ， 然 后 在 “角色 1” 新 色 画 

图 层 的 第 90 帧 处 插入 一 个 关键 帧 ， 在 “角色 1 = 

图 层 的 第 90 帧 处 单 击 鼠 标 右键 ， 在 弹出 的 快捷 

菜单 中 选择 “创建 补 间 动 画 ”, 再 用 鼠标 右键 单 图 4.46 “月 亮 ” 元 件 实例 的 
击 “ 角 色 1” 图 层 的 第 120 帧 ， 在 弹出 的 快捷 菜 发 光 渡 镜 参数 设置 


单 中 选择 “搬入 关键 帧 ”一 “位 置 ” 命 令 ， 将 

第 120 帧 上 的 实例 拖 到 舞台 中 间 靠 右 位 置 ， 并 使 朋 色 站 在 桥 上 。 此 时 第 90 帧 到 第 120 帧 之 
间 元 件 实 例 的 运动 轨迹 会 显示 在 舞台 上 ， 但 此 时 的 运动 轨迹 是 直线 ， 如 图 4. 48 所 示 。 利 用 
“选择 工具 ”调整 运动 轨迹 的 平滑 度 ， 效 果 如 图 4. 49 所 示 。 选 中 “角色 1” 图 层 的 第 121 帧 
到 260 帧 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 荣 单 中 选择 “删除 帧 ”。 





4.47 “月 亮 ” 元 件 实例 的 运动 轨迹 





图 4.48 “和 牛 郎 ” 元 件 实例 的 直线 运动 轨迹 
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图 4.49 “和牛 郎 ”元 件 实例 的 曲线 运动 轨迹 


ES 新 建 一 个 网 层 ， 重 命名 为 “角色 2”, 从 库 中 把 “织女 ”元 件 拖 到 舞台 上 ， 并 调整 
位 置 ， 使 之 站 在 拱 形 竟 桥 的 右 侧 ， 然 后 在 “角色 2” 图 层 的 第 90 帧 处 插入 一 个 关键 帧 ， 在 
“角色 2” 图 层 的 第 90 帧 处 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “创建 补 间 动画 ”。 青 
用 鼠标 右键 单 击 “ 角 色 2” 图 层 的 第 120 帧 ， 弹 出 的 快捷 菜单 中 选择 “搬入 关键 帧 ”一 “位 
置 ” 人 命令， 将 第 120 帧 上 的 实例 拖 到 舞台 中 间 靠 右 位 置 ， 并 使 角色 站 在 桥 上 ， 此 时 第 90 帧 
到 第 120 帧 之 间 元 件 实例 的 运动 轨迹 会 显示 在 舞台 上 ， 但 此 时 的 运动 轨迹 是 直线 ， 利 用 “ 选 
择 工 具 ” 调 整 运 动 轨迹 的 平滑 度 。 选 中 “角色 2” 图 层 的 第 121 帧 到 260 帧 ， 单 击 鼠 标 右 
键 ， 在 弹出 的 快捷 菜单 中 选择 “删除 帧 ”。 

RY 新 建 一 个 图 层 ， 重 命名 为 “ 相 会 "”， 在 该 图 层 的 第 121 帧 处 插入 一 个 关键 帧 ， 然 后 
把 库 中 的 “ 相 会 ”元 件 拖 到 舞台 上 ， 位 置 可 以 参照 舞台 上 “和牛 即 ” 和 “织女 ”元 件 实例 的 
位 置 。 

ESEI 新 建 一 个 图 层 ， 重 命名 为 “ 心 ”， 在 该 图 层 的 第 121 帧 处 插入 一 个 关键 帧 ， 然 后 把 
库 中 的 “玫瑰 心 ”元 件 拖 到 舞台 上 ， 调 整 实例 位 置 ， 使 得 “玫瑰 心 ” 实 例 放 在 “ 相 会 ” 实 
例 的 上 方 ， 让 两 个 人 物 角 色 能 够 显示 在 心 内 部 。 选 中 舞台 上 的 “玫瑰 心 ” 实 例 ， 通 过 “ 属 
性 ”面板 设置 该 实例 的 Alpha 值 为 0% 。 

ES 用 鼠标 右键 单 击 “ 心 ”图 层 的 第 121 帧 ， 在 弹出 的 快捷 菜单 中 选择 “创建 补 间 动 
画 ”， 然 后 再 用 鼠标 右键 单 击 该 图 层 的 第 150 帧 ， 在 弹出 的 快捷 菜单 中 选择 “搬入 关键 帧 ”一 
“颜色 ”命令 ， 选 中 第 150 帧 处 的 “玫瑰 心 ” 实 例 ， 通 过 “属性 ”面板 ， 把 实例 的 Alpha 值 
改 为 100% 。 

ED》》> 新 建 一 个 图 层 ， 重 命名 为 “文本 ”， 用 文本 工具 在 舞台 左上 角 输 入 “七 夕 相 会 ”， 
设置 字号 为 28 点 ， 字 体 为 “黑体 ”， 颜 色 为 黄色 (#FFFF33)。 选 中 舞台 上 的 文本 “七 夕 相 
会 ”， 执 行 “ 修 改 ” 一 “转换 为 元 件 ” 采 单 命令 ， 在 弹出 的 对 话 框 中 设置 元 件 名 称 为 “ 文 
本 ”， 类 型 为 “影片 剪辑 ”， 单 击 “ 确 定 ” 按 钮 。 选 中 “文本 ”图 层 的 第 40 帧 ， 按 【F6 】 
键 。 然 后 用 鼠标 右键 单 击 “ 文 本 ”图 层 的 第 40 帧 ， 在 弹出 的 快捷 菜单 中 选择 “3D 补 间 ”。 
打开 “动画 编辑 希 ”， 选 中 第 40 帧 ， 设 置 “旋转 Y” 的 属性 值 为 360°。 

SU 用 鼠标 右键 单 击 “ 文 本 ”图 层 第 1 帧 到 第 40 帧 之 间 的 任意 一 帧 ， 在 弹出 的 快捷 琛 
单 中 选择 “另存 为 动画 预 设 ”命令 ， 会 弹出 “将 预 设 另存 为 ”对 话 框 ， 设 置 名 称 为 “3D 放 
转 ”， 单 击 “ 确 定 ” 按 钮 。 
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SU 新 建 一 个 图 层 ， 重 命名 为 “love”， 在 该 图 层 的 第 151 帧 处 插入 一 个 关键 帧 ， 然 后 
把 库 中 的 “love” 元 件 拖 到 舞台 的 左下 角 ， 位 置 可 参见 图 4. 37。 

SEO 选中 “love” 图 层 第 151 帧 处 的 元 件 实例 ， 执 行 “ 窗 口 " 一 “动画 预 设 ” 采 单 命令 ， 
打开 “动画 预 设 ” 面 板 , 在 “日 定义 预 设 ”文件 夹 下 选择 “3D 旋转 ”， 单 击 “ 应 用 
按钮 。 

E53E》> 新 建 一 个 图 层 ， 重 命名 为 “音乐 ”， 选 中 该 图 层 的 第 1 帧 ， 打 开 “ 属 性 ”面板 ， 设 
置 声音 名 称 为 “更 桥 会 . wav”， 同 步 为 “数据 流 ”。 

SI 你 存 文档 ， 测 试 影片 。 


【技术 讲解 】 


A 补 间 动 画 的 创建 


补 间 动画 的 对 象 类 型 包括 影片 剪辑 、 图 形 和 按钮 元 件 以 及 文本 对 象 。 创 建 好 元 件 后 ， 把 
元 件 放 置 在 舞台 上 ， 然 后 在 需要 结束 动画 的 帧 处 按 【IS 】 键 或 者 单 击 鼠 标 右键 ， 在 弹出 的 
快捷 沫 单 中 选择 “搬入 帧 ”。 请 注意 ， 是 插入 帧 不 是 插入 关键 帧 。 在 需要 创建 补 间 动 画 的 图 
层 上 单 击 女 标 右键 ,在 弹出 的 快捷 菜单 中 选择 “创建 补 间 动 画 ”， 就 可 以 看 到 创建 补 间 动 夯 
的 图 层 变 成 了 浅 蓝 色 ， 如 图 4.50 所 示 , 但 是 还 没有 创建 动画 效果 。 接 下 来 只 需要 单 击 中 间 
的 某 个 帧 ， 然 后 拖 到 舞 合 上 的 元 件 实 例 ， 就 会 发 现 选 中 帧 变 成 了 一 个 关键 帧 ， 同 时 舞 合 上 会 
日 动产 生 运动 轨迹 。 这 就 是 最 简单 的 补 间 动 画 ， 而 且 这 个 动画 实现 了 对 象 位 置 的 变化 。 接 下 
来 ， 可 以 利用 “选择 工具 ” ， 调 整 运动 路 径 ， 让 百 线 变 为 任意 曲线 。 




















图 4.S0 创建 “ 补 间 动 画 ” 后 的 时 间 轴 效果 





其 实 补 间 动 画 除 了 可 以 做 位 置 的 变化 ， 还 可 以 做 旋转 、 缩 放 、 倾 斜 、 颜 色 改 变 、 滤 镜 变 
化 等 效果 ， 还 可 以 做 一 些 3D 补 间 动 画 。 制 作 方法 和 位 置 变化 的 类 似 。 


A 补 间 动 画 与 传统 补 间 动 画 的 区 别 


补 间 动画 与 传统 补 间 动 画 部 可 以 实现 元 件 实例 从 一 个 位 置 到 为 一 个 位 置 的 变化 ， 还 可 以 
实现 同一 个 元 件 的 大 小 、 人 位置、 颜色、 透明度、 旋转 等 属性 的 变化 。 但 是 还 有 很 多 不 同 的 
地 方 : 

1) 传统 补 间 使 用 关键 帆 ， 关键 帧 是 显示 对 象 的 新 实例 的 巾 。 补 间 动 画 只 能 有 一 个 与 之 
关联 的 对 象 实 例 ， 使 用 属性 关键 帧 而 不 是 关键 帧 。 

2) 补 间 动 画 与 传统 补 间 都 只 允许 对 特定 类 型 的 对 象 进行 补 间 。 乔 应 用 补 间 动 画 则 在 创 
建 补 间 时 会 将 所 有 不 允许 的 对 象 类 型 转换 为 影片 剪辑 元 件 ， 而 传统 补 间 动 画 则 会 把 不 允许 的 
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对 和 象 类 型 转换 为 图 形 元 件 。 

3) 补 间 动 画 会 将 文本 视 为 可 补 间 的 类 型 ， 而 不 会 将 文本 对 象 转换 为 元 件 。 传 统 补 间 会 
将 文本 转换 为 图 形 元 件 。 

4) 在 补 间 动 画 范围 上 不 允许 帧 脚本 ， 而 传统 补 间 人 允许 帧 脚本 。 

5) 能 够 在 时 间 轴 中 对 补 间 动 画 范 围 进行 拉 伸 和 调整 大 小 ， 并 将 它们 视 为 单个 对 象 。 传 
统 补 间 在 时 间 轴 中 可 通过 移动 关键 帧 的 位 置 调整 传统 补 间 的 范围 。 

6) 和 寿 要 在 补 间 动 画 范围 中 选择 单个 帧 ， 必 需 按 住 【Ctl】 键 并 单 击 帧 。 而 传统 补 间 动 
画 汇 围 内 可 以 直接 单 击 某 个 帧 进行 帧 的 选择 。 

7) 对 于 传统 补 间 动 画 ， 缓 动 可 应 用 于 补 间 内 关键 帧 之 间 的 帧 组 。 对 于 补 间 动 画 ， 绥 动 
可 应 用 于 补 间 动画 范围 的 整个 长 度 。 和 在 要 仅 对 补 间 动画 的 特定 帧 应 用 缓 动 ， 则 需要 创建 目 定 
义 绥 动 曲线 。 

8) 利用 传统 补 间 能 够 在 两 种 不 同 的 色彩 效果 (如 色调 和 Alpha 透明 度 ) 之 间 创 建 动 
画 。 补 间 动 画 能 够 对 每 个 补 间 应 用 一 种 色彩 效 琳 。 

9) 只 能 够 使 用 补 间 动 画 来 为 3D 对 象 创建 动画 效果 。 无 法 使 用 传统 补 间 为 3D 对 象 创建 
动画 效 末 。 

10) 只 有 和 补 间 动画 才能 保存 为 动画 预 设 。 

11) 对 于 补 间 动 夯 ， 无 法 交换 元 件 或 设置 属性 关键 帧 中 显现 的 图 形 元 件 的 帧 数 。 而 传 
统 补 间 则 可 以 应 用 这 些 技术 。 


A 动画 编辑 器 的 使 用 


如 果 想 使 补 间 动 画 的 效果 更 精确 或 者 要 达到 菏 个 想 要 实现 的 特殊 效果 ,可 以 使 用 “ 动 
画 编辑 融 ”。 利 用 动画 编辑 天 可 以 对 补 间 动画 进行 精确 地 调试 。 动 画 编辑 俘 的 面板 位 于 场景 
的 正 下 方 ， 如 图 4. 51 所 示 。 在 动画 编辑 各 中 可 以 实现 创建 目 定 义 缓 动 曲 线 、 设 置 各 属性 关 
键 帧 的 值 、 重 置 各 属性 或 属性 类 别 、 回 各 个 属性 和 属性 类 别 添加 不 同 的 预 设 绥 动 等 操作 。 想 
要 通 过 “动画 编辑 天 ”来 对 对 象 属性 进行 编辑 ， 必 须 选 中 补 间 动 画 的 时 间 轴 或 者 选中 补 间 
动画 中 的 对 象 。 否 则 会 出 现 如 图 4. 52 所 示 的 提示 。 

“动画 编辑 右 ” 从 上 到 下 由 基本 动画 、 转 换 、 色 彩 效 末 、 滤 镜 、 绥 动 五 项 组 成 。 每 一 部 
分 又 从 左 到 右 分 为 属性 、 值 、 绥 动 、 天 键 帧 、 曲 线 图 五 部 分 。 可 以 用 鼠标 拖 动 窗 口 边 界 调 整 
编辑 侣 窗口 的 大 小 ， 也 可 以 通过 改变 窗口 最 下 方 的 “图 形 大 小 ”按钮 调整 选项 的 可 见 融 上 度 ， 
通过 “可 碍 看 的 帧 ”按钮 调 曲 线 图 中 可 以 看 到 的 帧 数 。 

“基本 动画 ”的 属性 包括 : X、Y、 旋 转 Z 三 项 。X、Y 是 动画 图 形 的 X、Y 坐标 (单位 
征 像 系 ) 。 旋 转 2 是 动画 图 形 的 旋转 角度 (单位 是 度 ) 。 右 侧 是 相应 的 值 。 调 节 这 些 值 有 两 
种 方法 : 一 是 把 鼠标 放 在 数值 上 左右 拖 动 可 以 增 减 数值 ， 二 是 在 数值 上 单 击 ， 直 接 输入 
新 值 。 

用 户 可 以 在 “动画 编辑 旧 ” 面 板 中 给 补 间 动 画 洪 加 或 删除 关键 帧 。 具 体 方法 是 在 时 
间 轴 上 选中 一 个 帧 ， 然 后 单 击 面板 上 的 “添加 或 删除 关键 帧 ”按钮 ， 如 图 4. 53 所 示 。 男 外 
利用 该 面板 还 可 以 快速 切换 到 前 一 个 或 后 一 个 关键 帆 。 
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图 形 大 小 。 可 查看 的 帧 
图 4.51 “动画 编辑 器 ”面板 











若 要 编辑 属性 ， 请 在 时 间 轴 上 选择 补 间 范 围 或 在 如 档 中 选择 补 间 对 象 


Ppl|: Se 1 8 | 国 4 国画 四 无 


图 4.52 “动画 编辑 器 ”无 法 编辑 的 提示 


Pe 


转 到 上 一 个 关键 帧 一 一 一 一 4 





转 到 下 一 个 关键 帧 


添加 或 删除 关键 帧 
图 4.53 “关键 帧 ” 栏 的 按钮 


“曲线 图 ”表示 的 是 动画 的 效 订 ， 横 坐标 是 动画 的 帧 数 ， 它 有 播放 头 可 以 用 来 在 补 间 中 
移动 ; 它 有 帧 编号 提示 用 户 目 前 在 哪个 帧 。 用 户 可 以 移动 播放 头 来 预览 动画 ， 在 时 间 轴 上 单 
击 茶 个 帧 或 者 单 击 帧 编号 ， 切 换 到 动画 编辑 肯 ， 可 以 使 播放 头 移动 到 当前 位 置 。 纵 坐标 表示 
rr 
的 数值 是 动画 元 件 旋 转 的 度数 。 每 个 对 应 的 关键 帧 会 有 一 个 调节 点 ， 在 场景 中 拖 动 物体 的 位 
置 或 者 在 动画 编辑 俘 左 侧 调整 属 性 值 时 ， 曲线 图 中 会 有 相应 赤 ee dt 
纵 坐 标 来 改变 动画 方式 ， 可 以 拖 动 调节 点 或 者 拖 动 两 点 之 间 的 线 来 调整 

动画 编辑 带 的 缓 动 栏 里 允许 用 户 给 实例 属性 添加 缓 动 ， 还 可 以 在 缓 动 亲 单 劳 边 的 复 选 框 
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中 局 用 或 禁用 此 绥 动 。 用 户 用 动画 编辑 融 的 绥 动 区 在 补 间 中 添加 绥 动 ， 这 些 组 动 将 可 以 利用 
菜单 添加 到 每 个 属性 或 者 一 类 的 属性 。 添 加 属性 缓 动 后， 图 表 将 更 新 点 画 线 来 显示 动画 值 。 

“转换 ”包括 模 、 纵 两 个 方 回 的 倾斜 和 缩放 ， 是 对 当前 对 象形 状 、 大 小 的 调整 。“ 人 和 倾斜 ” 
指 的 是 图 形 在 水 平和 垂 生 方向 上 的 倾斜 角度 〈( 要 注意 倾斜 的 中 心 点 ) , “缩放 ” 指 的 是 图 水 
平和 垂直 方向 上 的 缩放 百分比 ， 可 以 锁定 纵横 等 比例 缩放 。 

新 建 动 画 时 ， 色 彩 将 果 和 滤 镜 的 界面 很 简单 ， 只 有 “ +” 和“- ”两 项 。“+” 用 来 
给 对 象 添加 效果 ，“ - ”可 以 将 添加 的 效果 删除 。 色 彩 效果 共有 四 个 选项 : Alpha、 亮 度 、 
色调 、 高 级 颜色 ， 如 图 4. 54 所 示 。 滤 镜 有 7 个 选项 ， 即 投影 、 模 糊 、 发 光 、 斜 角 、 渐 变 发 
光 、 浙 变 斜 和 骨 、 调 整 颜色 ， 如 图 4. 55 所 示 。 








时 间 轴 | 轩 当 | 编译 器 错 娱 | 动画 兰 器 
属性 | 值 | 次 动 | 委 键 帧 “| 曲 续 图 
1 1 1 15 1 
”基本 动画 车 [区 本 Jr 名 
下 转换 国 [ 元 反动 | 了 | 二 


i 4“ 


us 和 


0% 时 I 活 委 | ”| 





00% 加 对于 |v|j4” 


色彩 将 果 -| 
简单 “ 慢 》 0 





PPP 1 CG 天 145s | 国志 国名 


图 4.54 “色彩 效果 ”的 四 个 选项 





属 尼 | 值 | 总 动 | 关键 帖 ”| 曲线 图 

1 1 1 1 
kb 基本 动画 园 [ 二 要 动 | 了 | 局 ] 
下 “转换 园 [区 要 动 | 7| 二 


J 加 


0% 加 证 于 4“ 


1 二 | bb 1 kl 





图 4.55 “ 滤 镜 ”的 七 个 选项 
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“ 绥 动 ”是 指 动画 过 程 中 的 加 速 或 减速 ， 可 以 使 动画 看 起 来 更 真实 。 例 如 ， 物 体 在 下 落 运 
动 阶段 是 以 加 速 形 式 运动 的 ， 在 弹 起 阶段 是 以 减速 形式 运动 的 。“ 绥 动 ” 中 包括 简单 〈( 慢 ) 、 
简单 (中)、 价 单 ( 快 )、 人 简单 (最 快 )、 停 止 并 启动 ( 慢 )、 停 止 并 启动 (中 )、 停 止 并 局 5 
( 快 )、 停 止 并 局 动 (最 快 )、 回 弹 、 回 弹 、 弹 先 、 正 弦 波 、 锯 齿 波 、 方 波 、 随 机 、 阻 尼 波 儿 
种 已 经 定义 好 的 动画 形式 ， 我 们 还 可 以 用 “有 目 定 义 ” 选 项 定义 我 们 目 己 的 “组 动 ”。 

选择 “ 绥 动 ”后 面 的 “+” 按 钮 ， 选 择 一 个 选项 ， 则 “ 缓 动 ” 的 下 面 就 多 出 此 选项 的 
可 编辑 项 。 如 采 系 统 目 诗 的 这 些 波形 都 不 能 满足 需要 ， 我 们 也 可 以 日 定义 绥 动 效 末 。 

设置 好 绥 动 后 ， 单 击 上 面 的 四 项 : 基本 动画 、 转 换 、 色 彩 效 果 和 小 镜 的 第 三 个 选项 
“组 动 ” 中 就 会 多 出 一 个 选择 项 目 ， 可 以 为 它们 设置 绥 动 将 末了。 


A 动画 预 设 


动画 预 设 功 能 可 以 把 一 些 做 好 的 补 间 动画 保存 为 模板 ， 并 将 它 应 用 到 其 他 对 象 上 。 元 件 
和 文本 对 象 可 以 应 用 动画 预 设 。 执行“ 窗口 "一 “动画 预 设 ” 菜 单 命 令 ， 就 可 以 打开 “动画 
预 设 ” 面 板 ， 如 图 4.56 所 示 。 

其 中 “默认 预 设 ”中 共有 32 项 动画 效果 ， 单 
击 其 中 任意 一 个 动画 预 设 ， 在 上 面 的 小 窗口 中 将 
出 现 相 应 的 动画 效果 预览 。 这 些 效果 对 于 制作 动 
画 很 有 用 ， 使 用 时 ， 选 择 一 个 元 件 或 者 文字 ， 然 
后 在 “动画 预 设 ”窗口 中 选择 一 项 预 设 效果 ， 单 
击 “ 应 用 ”按钮 或 者 鼠标 右键 单 击 某 一 项 预 设 效 
果 ， 在 弹出 的 快捷 菜单 中 选择 “在 当前 位 置 应 用 ” 
即 可 。 这 时 在 场景 中 可 以 看 到 动画 效果 ， 同 时 图 
层 的 图 标 会 发 生变 化 ， 对 于 文字 ， 有 些 选 项 的 部 | 外包 se sn 
分 属性 不 能 应 用 时 会 弹出 提示 。 这 里 需要 特殊 强 
调 的 是 ， 在 按 下 “应 用 ”按钮 时 ， 预 设 动画 是 以 
物体 所 在 位 置 为 起 点 添加 预 设 动画 ， 硅 是 在 按 下 
【Shift】 键 同时 按 下 “应 用 ”， 则 可 以 得 到 以 物体 
所 在 位 置 为 终点 的 动画 效果 。 

如 果 这 32 种 动画 效果 不 能 满足 用 户 的 需要 ， 
还 可 以 自 定 义 。 其 方法 非常 简单 ， 做 好 动画 后 ， 在 时 间 轴 上 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜 
单 中 选择 “ 男 存 为 动画 预 设 …” 命令 ， 会 弹出 “将 预 设 男 存 为 ”对 话 框 ， 在 该 对 话 框 中 输 
和信 预 设 名 称 ， 就 可 以 看 到 “动画 预 设 ”窗口 下 边 的 “ 自 定 义 预 设 ” 文 件 夹 中 出 现 了 新 建 的 
动画 预 设 。 用 户 自 定义 好 的 预 设 和 默认 预 设 的 使 用 方法 完全 一 样 。 


DA 














图 4.56 “动画 预 设 ” 面板 





通过 前 面 章 节 的 学 习 ， 读 者 掌握 了 基础 动画 的 制 
作 方 法 。 如 果 读 者 想 表 现 更 加 复杂 的 动画 ， 就 需要 用 
到 引导 动画 和 遮 单 动画 。 其 中 引导 动画 可 以 使 角色 活 
着 随意 的 轨迹 运动 ， 如 飘落 的 雪花 、 自 由 飞翔 的 小 乌 ， 
在 水 中 游 来 游 去 的 小 鱼 等。 而 庶 罩 动画 可 以 制作 一 些 
神奇 的 效果 ， 比 如 百叶 窗 效果 、 探 照 灯 效 果 、 荡 澜 的 
水 波 、 万 花 简 、 电 影 字幕 等 。 


制作 引导 动画 
制作 让 日 动 画 


人 时 


Zz 
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《二 RTEETPERETY 


【 案例 概述 】 


本 案例 利用 “引导 路 径 动画 ”技术 制作 了 一 个 “ 丽 到 星 空 ”动画 ， 通 过 本 案例 的 学 习 ， 
谈 者 主要 可 以 千 握 引导 动画 的 制作 过 程 ， 引 导 路 径 的 应 用 技巧 。 部 分 效果 如 图 5. 1 所 示 。 








遥望 着 不 眠 的 星空 
流星 为 我 种 美梦 


闭 上 双眼 


和 吓人 二 心 诛 
这 一 歼 变 成 了 水 远 





图 5.1 “璀璨 星空 ”动画 的 某 一 个 画面 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 选 择 动作 脚本 为 ActionScript 2.0。 设置 文档 
大 小 为 550 x400 像素 ， 青 景 为 黑色 。 执 行 “文件 ”一 保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 
命名 为 “ 玲 形 星空 ”。 

2. 导入 素材 

把 了 系 材 文件 夹 里 的 所 有 图 片 导入 到 文档 的 库 中 。 

3. 制作 元 件 
EDP 新 建 一 个 图 形 元 件 ， 命 名 为 “背景 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “夜晚 . jpg” 
图 片 拖 到 舞台 上 ， 设 置 X 和 Y 的 值 均 为 0， 返 回 “ 场 景 1”。 
ES 新建 一 个 网 形 元 件 ， 命 名 为 “女孩 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “女孩 .jpg” 
图 片 拖 到 舞台 上 ， 选 中 图 片 ， 按 组 合 键 【Ctl +B]】， 将 图 片 分 离 ， 然 后 利用 魔术 棒 等 工具 将 
背景 选中 并 删除 ， 只 保留 女孩 的 图 形 ， 如 图 5.2 所 示 。 返 回 “ 场 景 1”。 
ES 新 建 一 个 图 形 元 件 ， 命 名 为 “星星 ”， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 一 个 圆 
形 ， 笔 触 颜色 为 无 ， 填 充 颜 色 为 放射 性 渐变 ， 中 心 颜色 为 白色 ，Alpha 值 为 100% ， 外 圈 颜 
色 也 为 白色 ，Alpha 值 为 0% 。 新 建 一 个 图 层 ， 然 后 在 舞台 上 利用 多 角 星 形 工具 绘制 一 个 三 
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角形 ， 利 用 “任意 变形 工具 ”将 其 变形 ， 效 灯 如 图 5.3 所 示 。 





图 5.2 “女孩 ”元 件 最 终 效 果 图 图 5.3 变形 后 的 三 角形 





ESE7Z 参 : 复制 一 个 变形 后 的 三 角形 ， 选 中 复制 出 来 的 三 角形 ， 执 行 “ 修 改 ” 一 “变形 ”一 “水 
平 翻转 ”有 亲 单 命令 ， 将 翻转 后 的 三 角形 拖 动 到 第 一 个 三 角形 左 侧 ， 让 两 者 融合 成 一 个 胺 形 ， 
如 图 5.4 所 示 。 





一 
图 5.4 秦 形 效果 图 


E> 选中 细 长 的 菱形 ， 打 开 “ 颜 色 ” 面 板 ,， 修改 “填充 颜色 ”类 型 为 “线性 渐变 ”， 

在 颜色 条 的 中 间 位 置 上 ， 单 击 鼠 标 左 键 ， 这 样 就 会 添加 一 个 颜色 块 ， 分 别 单 击 两 边 的 颜色 
块 ， 设置 颜色 为 白色 (#FFFFF)，A: (Alpha) 值 为 0% ， 再 单 击 中 间 的 颜色 块 ， 设置 颜色 

为 白色 (#FFFFFF) ，A: (Alpha) 值 为 100% ， 如 图 5.5 所 示 。 设置 完 成 后 的 菱形 效果 ， 如 

图 5.6 所 示 。 








着 色 
| 
|” 寺 回 硬 面 


旧 四 驯 。 口 线性 RGB 













剖 | FFFFFF A: 100% 


i 
图 5.5 萎 形 填充 颜色 的 设置 图 5.6 萎 形 设置 完 颜 色 后 的 效果 
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ENET 选中 次 形 ， 打 开 “ 变 形 ”面板 ， 设 置 旋转 角度 为 99。， 然 后 单 击 “ 重 制 选 区 和 变 
多” 按钮， 如 图 5.7 所 示 ， 设 置 完 后 ， 舞 台 上 的 形状 如 图 5. 8 所 示 。 


起 和 0,0 0 


xX: O00 人 .0 2: 性 刷 王 





图 5.7 “变形 ”面板 的 设置 图 5.8 旋转 变形 复制 后 的 形状 效果 图 











ES 将 “星星 ”元 件 两 个 图 层 里 的 形状 分 别 放置 于 舞台 的 中 央 ， 效 果 如 图 5.9 所 示 ， 
然后 回 到 “场景 1”。 

ES 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “星星 
办”， 进 入 元 件 编 辑 状态 。 把 “星星 ”元 件 拖 到 舞 
台 上 ， 通 过 属性 面板 设置 “星星 ”元 件 实 例 的 大 
小 ， 将 高 度 值 和 宽度 值 锁 定 在 一 起 ， 设 置 宽度 为 
30。 然 后 在 “图 层 1” 的 第 10 帧 和 第 20 帧 处 分 别 
插入 一 个 关键 帧 ， 然 后 将 第 10 帧 处 的 元 件 实例 的 
冤 度 和 高 度 均 改 为 1 5， 将 第 20 帧 处 的 元 件 实例 的 
宽度 和 高 度 均 改 为 25。 选 中 “图 层 1” 第 1 帧 到 第 
10 帧 之 间 的 任意 一 帧 ， 执 行 “ 搬 入 ”一 传统 补 间 ” 
菜单 命令 ， 使 用 同样 的 方法 在 第 10 帧 到 第 20 帧 间 
创建 “传统 补 间 ” 动 画 。 最 后 回 到 “场景 1”。 
ESZ3 新 建 一 个 图 形 元 件 ， 命 名 为 “流星 ”， 进 
和 元件 编辑 状态 ， 在 舞台 上 绘制 一 个 如 图 $. 10 所 示 
的 流星 形状 ， 填 充 颜 色 为 线性 渐变 类 型 ， 左 侧 颜色 
为 白色 ，Alpha 值 为 100% ， 右 侧 颜色 为 白色 ，Alpha 值 为 0% ， 制 作 完成 后 ， 返 回 “ 场 景 1”。 























图 5.9 “星星 ”元 件 最 终 效果 图 





图 5.10 流星 形状 效果 图 


> 
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SEC 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “流星 内 ”， 进 入 元 件 编辑 状态 ， 把 “流星 ”元 
件 拖 到 舞台 上 ， 通 过 属性 面板 调整 其 大 小 和 位 置 ,使 其 X 和 YY 的 值 均 为 0， 宽 度 为 142 ， 
高 度 为 2.4， 然 后 在 “图 层 1” 的 第 2 帧 处 插入 一 个 关键 帧 ， 选 中 第 2 帧 舞台 上 的 元 件 实 
例 ， 改 变 其 宽度 和 高 度 ， 使 宽度 为 172， 高 度 为 2.45。 新 建 一 个 图 层 ， 在 “图 层 2” 上 放 
置 一 个 “流星 ”元 件 实例 ， 然 后 通过 属性 面板 调整 元 件 实例 ,使 其 X 为 -2.3, Y 为 0， 宽 
度 为 154， 高 度 为 7.5，Alpha 值 为 23% 。 然 后 拖 动 “图 层 2” 到 “图 层 1” 的 下 方 ， 回 到 
“ 场 曲 1”。 

SI 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “流星 飞 过 ”， 进 和 元件 编辑 状态 ， 把 “流星 
闪 ” 元 件 拖 到 舞台 上 ， 修 改 位 置 ， 使 其 X 和 YY 的 值 均 为 0， 在 “图 层 1” 的 第 60 帧 处 
插入 一 个 关键 帧 ， 修 改 该 帧 处 元 件 实例 的 位 置 ， 使 其 X 为 -=340。 在 “图 层 1” 的 第 80 
帧 处 插入 一 个 关键 帧 ， 修 改 该 帧 处 元 件 实例 的 位 置 ， 使 其 X 为 -490。 在 “图 层 1” 的 
第 1 帧 到 第 60 帧 之 间 以 及 第 60 帧 到 第 80 帧 之 间 分 别 创 建 传统 补 间 动画 。 新 建 一 个 图 
层 ， 在 “图 层 2” 的 第 80 帧 处 插入 一 个 关键 帧 ， 用 鼠标 碳 键 单 击 该 帧 ， 在 弹出 的 快捷 
菜单 中 选择 “动作 ”命令 ， 在 “动作 ”窗口 的 命令 窗 格 中 输入 “stop();”。 返 回 “ 场 
孙 17”。 

E55》 新 建 一 个 图 形 元 件 ， 命 名 为 “文本 1”， 进 入 元 件 编辑 状态 ， 在 舞台 上 输入 文本 
“遥望 着 不 眼 的 星空 ”， 设 置 文本 字体 为 黑体 ， 大 小 为 20 点， 返回 “场景 1”。 

B53 下 E> 再 创建 4 个 图 形 元 件 ， 分 别 命名 为 “文本 2”、“ 文 本 3”、“ 文 本 4” 和 “文本 5”。 
这 几 个 元 件 的 内 容 分 别 为 “流星 为 我 种 美梦 ”、“ 闭 上 双眼 ”、“ 默 默许 心愿 ”和 “这 一 刻 变 
成 了 永远 ”。 其 中 字体 均 为 黑体 ， 大 小 都 是 20 点 。 

SI 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “文本 ”， 进 入 元 件 编辑 状态 ， 把 “文本 1” 元 
件 拖 到 舞台 上 ， 在 “图 层 1” 的 第 20 帧 出 插入 一 个 关键 帧 ， 用 鼠标 右键 单 击 第 1 帧 到 第 
20 帧 之 间 的 任意 一 帧 ， 弹 出 的 快捷 染 单 中 选择 “创建 传统 补 间 ”。 新 建 一 个 图 层 ， 在 
“图 层 2” 的 第 20 帧 处 搬入 一 个 关键 帧 ， 把 “文本 2” 元 件 拖 到 舞台 上 ， 在 “图 层 2” 的 
第 40 帧 出 插入 一 个 关键 帧 ,在 “图 层 2” 的 第 20 帧 到 第 40 帧 之 间 创 建 传 统 补 间 动画 。 
用 同样 的 方法 分 别 创建 “图 层 3” “图 层 4” 和 “图 层 $”， 这 几 个 图 层 里 分 别 放置 元 件 
“文本 3”、“ 文 本 4” 和 “文本 5”, 分 别 在 “图 层 3” 的 第 40 帧 到 第 60 帧 、“ 图 层 4? 
的 第 60 帧 到 第 80 帧 “图 层 $” 的 第 80 帧 
到 第 100 帧 之 间 创 建 传 统 补 间 动 画 。 用 鼠标 
右键 单 击 “ 图 层 5” 的 第 100 帧 ， 在 弹出 的 
快捷 采 单 中 选择 “动作 ”命令 ， 在 “ 动 
作 ” 窗 口 的 命令 窗 格 中 输入 “stop( ) ;”。 
SB 用 有限 标 右键 单 击 “ 图 层 5”, 在 
弹出 的 快捷 表单 中 选择 “添加 传统 运动 引 
导 层 "”， 则 会 在 “图 层 S” 的 上 方 添加 一 
个 新 图 层 “ 引 导 层 . 图 层 5”， 在 该 图 层 上 = 
用 铅笔 工具 绘制 一 条 如 图 5.11 所 示 的 图 5.11 引导 层 里 的 路 径 效果 图 
路 径 。 
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:各 志 上 较 在 用 铅笔 工具 绘制 路 径 之 前 ， 先 在 工具 箱 的 选项 区 ， 设 置 铅 笔 模式 为 “ 平 
滑 ”。 笔 触 颜色 任意 ， 只 要 与 黑色 背景 有 反差 即 可 ， 


SO 依次 拖 动 “图 屋 4”、“ 图 层 3”、“ 图 层 2”、“ 图 层 1” 到 引导 图 层 的 范围 内 ， 如 图 
5. 12 所 示 。 















































图 5.12 拖 动 图 层 到 引导 图 层 的 范围 内 


SEO 选中 “图 层 1” 的 第 1 帧 ， 把 舞台 上 的 “文本 1” 元 件 实例 的 Alpha 值 改 为 0% ， 
然后 拖 动 该 元 件 实例 到 引导 线 的 左 端 ， 并 使 实例 的 中 心 点 吸附 在 引导 线 上 ， 如 图 5. 13 所 示 。 
单 击 “ 图 层 1” 的 第 20 帧 ， 拖 动 舞 台 上 的 实例 到 引导 线 的 右 端 ， 并 使 实例 的 中 心 点 吸附 在 
引导 线 上 ， 如 图 5. 14 所 示 。 


选号 万 蔚 看 企 三 的 生 玫 | 





图 5.13 实例 的 中 心 点 吸附 在 引导 线 上 图 $. 14 “图 层 1” 第 20 帧 处 元 件 实 例 的 位 置 





BB5E 使 用 同样 的 方法 ， 调 整 “图 层 2”“ 图 层 3”“ 图 层 4” 和 “图 层 $” 中 元 件 实例 
的 透明 度 和 位 置 。 


这 RE “ 文 本 ”影片 剪辑 元 件 中 各 个 图 层 结束 关键 帧 中 文本 图 形 元 件 的 位 置 可 参照 
图 5. 1 进行 设置 。 


4. 动画 制作 
S59> 回 到 “场景 1”, 将 a 命名 为 “背景 *"， 把“ 背景” 元件 拖 到 有 舞台 上 ， 
调整 位 置 ， 让 其 与 舞台 重合 ， Nee “背景 ”元 件 实例 ， 通 过 属性 面板 ， 调 整 其 色 


AN 
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彩 鸡 果 ， 样 式 选 为 “色调 ”， 单 击 后 面 的 颜色 块 ， 修 改 颜 色 为 黑色 ， 色 调 值 修改 为 62% ， 如 
图 5. 15 所 示 。 





实例 : 背景 | 变换。 
ww 位 本 和 大 小 
X: O00 YY 0.00 
让 。 宽 : 550,00 高 : 400,00 
sw 色彩 效果 
样式 : 


色调 : 一 一 人 一 一 |62 |% 
红 : 中 一 一 一 一 一 上 b | 
祝 一 一 一 [0 


5.15 “背景 ”元 件 实例 的 色彩 效果 设置 


ES 新 建 一 个 图 层 ， 重 命名 为 “女孩 ”， 选 中 该 图 层 的 第 1 帧 ， 把 库 中 的 “女孩 ”元 件 
拖 到 舞台 上 ， 调 整 元 件 实例 的 大 小 、 位 置 和 色彩 效果 ， 并 对 其 进行 水 平 翻转 。 









人 二 有 要 对 一 个 对 象 进 行 水 平 翻 转 ， 只 需 选 中 一 个 对 象 ， 然后 执行 “修改 ”一 “ 变 
形 ” 一 “水 平 翻转 ”菜单 命令 即 可 。 








ES 新 建 一 个 图 屋 ， 重 命名 为 “星星 ”， 然 后 拖 动 库 中 的 “星星 ”元 件 到 舞台 上 ， 调 整 
其 大 小 和 位 置 ， 复 制 右 干 个 元 件 实例 到 舞台 上 ， 并 分 别 调整 实例 的 大 小 和 位 置 。 

ESESZ> 新 建 一 个 图 层 ， 重 命名 为 “会 闪 的 星星 ”， 然 后 在 舞台 上 ， 创 建 多 个 “星光 闪闪 ” 
元 件 的 实例 ， 分 别 调整 实例 的 大 小 和 位 置 。 

E> 新 建 一 个 图 层 ， 重 命名 为 “流星 ”， 选 中 该 图 层 的 第 1 帧 ， 把 库 中 的 “流星 飞 过 ” 
元 件 拖 到 舞台 的 右上 角 ， 调 整 实例 大 小 ， 并 利用 “变形 面板 ”， 将 该 元 件 实例 ， 旋 转 大 
约 -16°。 

EBTYB> 新 建 一 个 图 层 ， 重 命名 为 “文本 ”， 选 中 该 图 层 的 第 1 帧 ， 把 库 中 的 “文本 ”元 件 
拖 到 舞台 上 ， 调 整 实例 的 位 置 。 

ESZSw 你 存 文档 ， 测 试 影片 。 
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【技术 讲解 】 


A 引导 路 径 应 用 技巧 


将 一 个 或 多 个 层 链接 到 一 个 运动 引导 层 ， 使 一 个 或 多 个 对 象 沿 同一 条 路 径 运 动 的 动画 形 
式 被 称 为 “引导 路 径 动 画 ”。 这 种 动画 可 以 使 一 个 或 多 个 元 件 完成 曲线 或 不 规则 运动 。 

一 个 最 基本 “引导 路 径 动 画 ” 由 两 个 图 层 组 成 ， 上 面 一 层 是 “引导 层 ”， 下 面 一 层 是 
“被 引导 层 ”。 引 导 层 是 用 来 指示 元 件 运 行路 径 的 ， 所 以 “引导 层 ” 中 的 内 容 可 以 是 用 钢笔 、 
馈 笔 、 线 条 、 椭 圆 工 具 、 和 矩形 工具 或 画笔 工具 等 绘制 出 的 线段 。 而 “被 引导 层 ” 中 的 对 象 
是 跟着 引导 线 走 的 ， 可 以 是 影片 剪辑 元 件 、 图 形 元 件 、 按 钮 元 件 、 文 字 等 ， 但 不 能 是 形状 。 
由 于 引导 线 是 一 种 运动 轨迹 ， 不 难 想 象 ，“ 被 引导 ” 层 中 最 和 常用 的 动画 形式 是 传统 补 间 动 
画 。 可 以 在 一 个 引导 层 下 设置 多 个 被 引导 层 。 
引导 路 径 应 用 的 技巧 包括 : 

1) “被 引导 层 ” 中 的 对 象 在 被 引导 运动 时 ， 还 可 进行 更 细致 的 设置 ， 比 如 运动 方向 。 
“属性 ”面板 上 ， 色 选 “ 路 径 调 整 ” 复 选 框 ， 会 使 元 件 实例 朝向 与 路 径 一 致 。 而 如 果 和 多 
“ 贴 紧 ” 复 选 枉 ， 可 以 使 动画 中 的 元 件 贴 紧 路 径 运 动 ， 如 岁 $. 16 所 示 。 

2) 引导 层 中 的 内 容 在 播放 时 是 看 不 到 的 ， 利 用 这 一 特点 ， 可 以 单独 定义 一 个 不 含 “ 被 
引导 层 ” 的 “引导 层 ”， 该 引导 层 中 可 以 放置 一 些 文字 说 明 、 元 件 位 置 参 考 等 。 

3) 在 做 引导 路 径 时 ， 按 下 工具 箱 中 的 “ 贴 紧 至 对 象 ”按钮 ， 可 以 使 “对 象 附着 于 引导 
线 ” 的 操作 更 容易 成 功 ， 拖 动 对 象 时 ， 对 和 象 的 中 心 点 会 自动 吸附 到 路 径 上 。 

4) 问 被 引导 层 中 放 和 元件 时 ， 在 动画 开始 关键 帧 上 实例 的 中 心 点 要 与 引导 线路 径 的 首 
端 对 齐 ， 动 画 的 结束 关键 帧 上 元 件 实 例 的 中 心 点 应 对 准 路 径 的 结束 端点 ， 否 则 无 法 引导 。 如 
条 元 件 为 不 规则 形 ， 可 以 单 击 工具 箱 中 的 任意 变形 工具 ， 调 整 其 中 心 点 。 

5) 如 果 想 解除 引导 ， 可 以 把 被 引导 层 拖 离 “ 引 导 层 ”， 或 在 引导 图 层 上 单 击 鼠标 右键 ， 
在 弹出 的 菜单 上 选择 “属性 ”， 会 弹出 “图 层 属性 ”对 话 框 ， 在 对 话 框 中 选择 类 型 为 “一 
般 ”， 则 引导 图 层 会 变 为 普通 图 层 ， 如 图 5. 17 所 示 。 
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图 5.16 路 径 调 整 和 对 齐 图 5.17 图 层 的 “属性 ”面板 
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6) 如 琳 想 让 对 和 象 作 圆 周 运 动 ， 可 以 在 引导 图 层 上 用 椭圆 工具 绘制 一 条 圆 形 线条 ， 再 用 
橡皮 擦 工具 擦 去 一 小 段 ， 使 圆 形 线段 出 现 两 个 端点 ， 再 把 起 始 关 键 帧 和 结束 关键 帧 上 元 件 实 
例 的 中 心 点 与 路 径 的 起 始 端点 、 终 止 交点 分 别 对 准 即 可 。 

7) 引导 线 允 许 重 有 全 ， 比 如 螺旋 状 引 导线 ,但 在 重合 处 的 线段 必须 保持 圆滑 ， 让 Flash 
能 辨认 出 线段 走向 ， 否 则 会 使 引导 失败 。 


A 多 条 引导 线 的 应 用 
除了 可 以 在 一 个 引导 层 下 设置 多 个 被 引导 层 外 ， 也 可 以 多 条 引导 线 引 导 一 个 对 象 作 引 导 


动画 。 当 然 一 个 动画 里 也 可 以 出 现 多 个 引导 动画 ， 比 如 蝴蝶 和 晴 昨 分 别 做 不 同 的 引导 动画 。 
下 面 的 例子 是 一 个 对 象 有 多 条 引导 线 的 情况 。 动 画 的 部 分 画面 如 图 5. 18 所 示 。 





























图 5. 18 蝴蝶 飞舞 动画 部 分 画面 121 


该 案例 的 制作 过 程 如 下 . 
ES 新 建 一 个 大 小 为 550 x320 像素 ， 帧 频 为 24fps 的 文档 。 
ES 将 默认 的 “图 层 1” 修 改 为 “ 花 从 ”， 选 择 “ 文 件 ” 一 “导入 ”一 “导入 到 舞台 ” 
单 ， 将 素材 “花丛 .jpg” 导 和 人 到 舞台 中 ， 修 改 岁 片 的 位 置 ， 使 图 片 与 舞台 重合 。 在 “ 闪 
图 层 的 第 170 帧 按 【F5】 键 插入 帧 ,使 静态 图 形 始终 不 变 ， 锁 定 该 图 层 。 
RX 选择 “文件 ”一 导入 ”一 “导入 到 库 ” 菜 单 ， 将 素材 “蝴蝶 . png” 导 入 到 库 中 ， 
新 建 一 个 名 为 “蝴蝶 ”的 影片 剪辑 元 件 。 进 入 元 件 编辑 状态 ， 把 “蝴蝶 . png” 拖 到 舞台 上 ， 
利用 变形 面板 把 位 图 的 大 小 变 为 原来 的 30% 。 
EYP 鼠标 右键 单 击 “ 图 层 1” 的 第 5 帧 ， 搬 入 关键 帧 。 利 用 “任意 变形 工具 ”对 蝴蝶 
进行 水 平方 回 的 压缩 ， 把 蝴蝶 翅膀 压 遍 ， 效 果 如 图 $. 19 所 示 。 
E> 在 “图 层 1” 的 第 7 帧 处 插 人 普通 帧 ， 退 
出 元 件 编 辑 状态 ,返回 “场景 1” 中 。 2 -。 
YP> 在 “ 花 从 ”图 层 上 方 新 建 一 个 名 为 “ 贿 2 泊 
蝶 ” 的 图 层 ， 从 库 中 拖 上 忠 “ 蝴 蝶 ” 元 件 至 “蝴蝶 ” 图 5.19 ”变形 前 后 的 蝴蝶 图 片 对 比 
图 层 第 1 帧 的 人 舞台 上 。 
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天 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


ES 在 “蝴蝶 ”图 层 的 第 70、90、115、125 和 150 帧 处 按 【F6】 键 搬入 关键 帧 ， 在 第 
170 帧 处 插入 巾 ; 并 分 别 用 鼠标 右键 单 击 1 ~70、90 ~115、125 ~ 150 帧 内 的 任意 一 帧 ， 在 
弹出 的 菜单 中 选择 “创建 传统 补 间 ” 命 令 ， 创建 传 统 动作 补 间 动 画 。 

ESR$j 用 鼠标 右键 单 击 “ 蝴 蝶 ” 图 层 ， 在 弹出 的 荣 单 中 选择 “添加 传统 运动 引导 层 ”， 此 
操作 会 自动 为 “蝴蝶 ”图 层 的 运动 动画 添加 一 个 引导 层 ，Flash 会 自动 将 该 层 命名 为 “引导 
层 : 蝴蝶 ”。 

ES 在 引导 层 的 第 1 帧 ， 选 用 “铅笔 工具 ”， 选 项 平滑 ， 国 出 蝴蝶 飞行 的 轨迹 (也 即 引 
导线 ) ， 用 橡皮 擦 工 具 在 引导 线 上 ( 即 在 想 要 蝴蝶 停留 的 位 置 上 ) 擦 出 一 个 小 缺口 ， 如 图 
5. 20 所 示 。 





图 5.20 引导 层 路 径 示意 图 


TU EBT 在 “蝴蝶 ”网 层 的 第 1 巾 ， 用 选择 工具 将 “蝴蝶 ”元 件 实例 拖 到 最 右 侧 缺口 的 右 
端 ， 元 件 实 例 的 中 心 点 一 定 要 压 在 引导 线 上 。 利 用 “任意 变形 工具 ”对 蝴蝶 进行 一 定 角 度 
的 旋转 ， 如 图 5.21 所 示 。 





SEO》 在 “ 蝴 虹 ”图 层 的 第 70 帧 ， 用 选择 工具 将 “ 蝴 屿 ”元 件 实例 拖 到 下 一 个 缺口 的 左 
闹 ， 并 利用 “任意 变形 工具 ”对 蝴蝶 进行 一 定 角 度 的 旋转 ， 元 件 实 例 的 中 心 点 一 定 要 压 在 
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引导 线 上 。 

SS 用 同样 的 方法 ， 分 别 调整 “蝴蝶 ”图 层 第 90 帧 、 第 115 帧 、 第 125 帧 、 第 150 帧 
处 “蝴蝶 ”元 件 实例 的 位 置 以 及 旋转 角度 ， 并 要 保证 元 件 实 例 的 中 心 点 一 定 要 奈 在 引导 
> 

Sagy 分 别 选择 “蝴蝶 ”图 层 第 1、90、125 帧 ， 打 开 “ 属 性 ”面板 ， 义 选 “调整 到 路 
径 ” 复 选 框 。 

SEC 选择 亲 单 “控制 ”一 “测试 影片 ”就 可 以 预览 蝴蝶 在 花 从 中 飞舞 的 效果 了 。 
Se 选择“ 文件” 一“ 保存” 菜单， 输入 文件 名 “蝴蝶 飞舞 ”并 保存 当前 文件 。 








.2 ET 





【案例 概述 ) 


本 案例 利用 “ 谈 置 动画 ”技术 制作 了 一 个 “Flash 动态 相册 ”。 通 过 本 案例 的 学 习 ， 读 
者 可 以 了 解 什么 是 “ 遮 曾 动画 ”， 并 向 握 制作 “ 遮 单 动 画 ” 的 基本 方法 ， 部 分 动画 效果 如 
图 5. 22 所 示 。 






» 3 123 
fs 
:淘气 就 罚 你 站 在 门 外 


于 寻宝 由 


A A 
图 5. 22 “Flash 动态 相册 ” 动画 的 一 个 画面 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 选 择 动 作 脚 本 为 ActionSeript 2.0。 设置 文档 
大 小 为 800 x600 像素 ， 背 景 为 白色 。 执 行 “ 文 件 ” 一 “保存 ” 荣 单 命令 ， 将 新 文档 保存 ， 并 
命名 为 “Flash 动态 相册 ”。 

2. 导入 素材 

把 素材 文件 夹 里 的 所 有 图 片 和 声音 导入 到 文档 的 库 中 。 
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入 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


3. 制作 照 卢 切 换 动画 

ESI 葬 ”新 建 一 个 影片 剪辑 类 型 的 元 件 ， 命 名 为 “ 遮 置 1”， 进 入 元 件 编 辑 状态 ， 在 舞台 上 
绘制 一 个 430 x570 像素 的 矩形 ， 无 笔触 颜色 ， 填 充 颜 色 为 红色 。 打 开 “ 对 齐 ” 面 板 ， 设 置 
该 矩形 相对 于 舞台 “水 平 中 齐 ” 且 “垂直 中 齐 ”。 

EP> 执行 “视图 ”一 “标尺 ”菜单 命令 ， 把 鼠标 放 在 水 平 标尺 上 ， 按 住 鼠 标 左 键 ， 拖 出 
两 条 水 平 辅助 线 ， 使 其 将 矩形 在 垂直 方向 上 分 割 为 高 度 相同 的 三 等 份 。 使 用 线条 工具 ， 沿 着 
辅助 线 ， 画 出 两 条 水 平 线 分 制 形 状 ， 然 后 新 建 两 个 图 层 ， 使 分 制 的 三 块 形状 分 别 放 置 在 不 同 
的 图 屋 上 ， 如 图 $. 23 所 示 。 

5 了 > 同时 选中 “图 屋 1”、“ 图 屋 2” 和 “图 层 3” 的 第 15 帧 ， 按 【EK6】 键 插入 关键 帧 。 
使 用 任意 变形 工具 ， 分 别 调整 “图 层 1”、“ 图 层 2” 和 “图 层 3” 的 第 1 帧 ， 使 得 形状 块 分 
别 癌 左 问 右 压缩 为 一 条 线 ， 并 在 三 个 图 层 中 分 别 创建 “形状 补 间 ” 动 画 ， 如 图 5.24 所 示 。 
新 建 “ 图 层 4”， 在 第 15 帧 插入 一 个 关键 帆 ， 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 选择 “ 动 
作 ” 选 项 ,输入 “stop( );”。 
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图 5.23 “ 遮 喷 1” 的 图 层 效果 图 5.24 “ 遮 喷 1” 时 间 轴 设置 


?BP> 回 到 “场景 1”， 再 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “元 件 1”， 进 入 元 件 编辑 状 
态 ， 把 “ 库 ” 面 板 中 的 “1. jpg” 图 片 拖 到 舞台 上 ， 并 且 设 置 图 片 相 对 于 舞台 “水 平 中 齐 ”、 
“垂直 中 齐 ” 。 新 建 “ 图 层 2”， 把 刚 做 好 的 “ 遮 单 1” 元 件 拖 到 舞台 的 中 央 。 在 “图 层 2” 
上 单 击 鼠 标 右键 ,在 弹出 的 快捷 采 单 中 选择 “ 谈 单 屋 ”， 此 时 “图 层 1” 目 动 变 成 被 遮 
单 层 。 

ESP> 回 到 “场景 1”， 新 建 一 个 影片 辫 辑 类 型 的 元 件 ， 命 名 为 “ 氮 单 2”， 进 入 元 件 编辑 
状态 ， 在 舞台 上 绘制 一 个 高 度 为 570 像素 的 六 边 形 形 状 ， 无 笔触 颜色 ， 填 充 闫 色 为 红色 。 打 
开 “ 对 齐 ” 面 板 ， 设 置 该 矩形 相对 于 舞台 “水 平 中 齐 ” 且 “垂直 中 齐 ”。 

YB> 选中 “图 层 1” 的 第 15 帧 ， 按 【F6】 键 一 起 搬入 关键 帧 。 通 过 属性 面板 ， 调 整 
“图 层 1” 第 1 帧 的 形状 高 度 为 2， 将 宽度 值 和 高 度 值 锁 定 在 一 起 ， 并 在 该 图 层 中 创建 “ 形 
状 补 间 ”动画 。 新 建 “ 图 层 2”， 在 第 15 帧 插入 一 个 关键 帧 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 
亲 单 中 选择 “动作 ”选项 ， 输 入 “stop( );”。 
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ES7IO 回 到 “场景 1”， 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “元 件 2”， 进 入 元 件 编 辑 状态 ， 
把 “ 库 ” 面 板 中 的 “2. jpg” 图 片 拖 到 有 舞台 上 ， 并 且 设 置 图片 相 对 于 舞台 “水 平 中 齐 ”、“ 生 
直 中 齐 ” 。 新 建 “ 图 层 2”， 把 刚 做 好 的 “ 遮 置 2” 元 件 拖 到 舞台 的 中 央 。 在 “图 层 2” 上 单 
击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 选择 “让 站 层 ”， 此 时 “图 层 1” 自 动 变 成 被 让 时 层 。 
ER 加 到 “场景 1”， 新 建 一 个 影片 剪辑 类 型 的 元 件 ， 命 名 为 “ 遮 轩 3”， 进 入 元 件 编辑 
状态 ， 在 舞台 上 绘制 一 个 430 x570 像素 的 和 矩形， 无 笔触 颜色 ， 填 充 颜 色 为 红色 。 打 开 “ 对 
齐 ” 面 板 , 设置 该 矩形 相对 于 舞台 “水 平 中 齐 ” 且 “垂直 中 齐 ”。 把 鼠标 放 在 水 平 标尺 上 ， 
按 住 鼠 标 左 键 ， 拖 出 五 条 水 平 辅助 线 ， 使 其 将 和 矩形 在 垂直 方向 上 分 割 为 高 度 相 同 的 六 等 份 。 
使 用 线条 工具 ， 沿 着 辅助 线 ， 画 出 五 条 水 平 线 分 割 形状 ， 然 后 新 建 五 个 图 层 ， 使 分 割 的 六 块 
形状 分 别 放置 在 不 同 的 图 层 上 。 

REY 同时 选中 “图 层 1”、“ 图 层 2”、“ 图 层 3”、“ 图 层 4”、“ 图 层 5” 和 “图 层 6” 的 
第 15 帧 ， 按 【F6】 键 一 起 搬入 关键 帧 。 使 用 任意 变形 工具 ， 分 别 调整 “图 层 1”、“ 图 层 
2”、“ 图 层 3”、“ 图 屋 4”、“ 图 层 5” 和 “图 层 6” 的 第 1 帧 ， 使 得 形状 块 分 别 向 上 压缩 为 一 
条 线 ， 并 在 六 个 图 层 中 分 别 创 建 “ 形 状 补 间 ” 动 画 ， 如 图 5.25 所 示 。 新 建 “ 图 层 7”， 在 第 
15 帧 插入 一 个 关键 帧 ， 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 选择 “动作 ”选项 ， 输 入 
“stop();”。 
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图 5.25 “ 遮 喷 3” 时 间 轴 设置 


ESJIUD 回 到 “场景 1”， 新建 一 个 影片 剪辑 元 件 ， 名 称 为 “元 件 3”"， 进 入 元 件 编辑 状态 ， 
把 “ 库 ” 面 板 中 的 “3. jpg” 图 片 拖 到 舞台 上 ， 并 且 设 园 图 片 相对 于 舞台 “水 平 中 齐 "、“ 生 
直 中 齐 "。 新 建 “ 图 层 2”"， 把 刚 做 好 的 “ 迹 电 3” 元 件 拖 到 舞台 的 中 央 。 在 “图 层 2” 上 单 
击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “ 谈 思 层 "， 此 时 “图 层 1” 自 动 变 成 被 迹 电 层 。 

ES 回 到 “场景 1" ， 新 建 一 个 影片 剪辑 类 型 的 元 件 ， 命 名 为 “ 遗 日 4”， 进 入 元 件 编辑 
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广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


状态 ， 在 舞台 上 绘制 一 个 大 小 为 430 x 570 像素 的 和 矩形， 无 笔触 颜色 ， 填 充 颜 色 为 红色 。 打 
开 “ 属 性 ”面板 ,设置 该 矩形 的 位 置 , X 为 0，Y 为 0。 

B55 选中 “图 层 1” 的 第 15 帧 , 按 【F6】 键 一 起 插入 关键 帧 。 通 过 属性 面板 ， 调 整 
“图 层 1” 的 第 1 帧 的 形状 宽度 为 2， 将 宽度 值 和 高 度 值 锁定 在 一 起 ，X 为 0, 了 为 0， 并 在 
该 图 层 中 创建 “形状 补 间 ” 动画 。 新 建 “ 图 层 2”， 在 第 1$ 帧 插入 一 个 关键 帧 ， 单 击 鼠 标 右 
键 ， 在 弹出 的 快捷 菜单 中 选择 “动作 ”选项 ， 输 入 “stop();”。 

EBS 下 > 加 到 “场景 1”， 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “元 件 4”， 进 入 元 件 编辑 状态 ， 
把 “ 库 ” 面 板 中 的 “4. jpg” 图 片 拖 到 舞台 上 ， 并 且 设 置 图 片 相对 于 人 舞台 “水 平 中 齐 ”、“ 垂 
直 中 齐 ”。 新 建 “ 图 层 2”， 把 刚 做 好 的 “ 谈 置 4” 元 件 拖 到 舞台 的 中 央 。 在 “图 层 2” 上 单 
击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 选择 “ 遮 日 层 ”， 此 时 “图 层 1” 自 动 变 成 被 让 曙 层 。 
SEC 回 到 “场景 1”， 新 建 一 个 影片 剪辑 类 型 的 元 件 ， 合 名 为 “ 遮 曾 5”， 进 入 元 件 编 辑 
状态 ， 在 舞台 上 绘制 一 个 430 x570 像素 的 和 矩形， 无 笔触 颜色 ， 填 充 颜 色 为 红色 。 打 开 “ 对 
齐 ” 面 板 ， 设 置 该 矩形 相对 于 舞台 “水 平 中 齐 ” 且 “ 竺 直 中 齐 ” 。 把 鼠标 放 在 水 平 标 尺 上 ， 
按 住 鼠 标 左 键 ， 拖 出 一 条 水 平 辅助 线 ， 使 其 将 竹 形 在 垂直 方向 上 分 割 为 高 度 相 同 的 两 等 份 。 
把 鼠标 放 在 垂直 标尺 上 ， 按 住 鼠 标 左 键 ， 拖 出 一 条 垂直 辅助 线 ， 使 其 将 和 矩形 在 水 平方 向 上 分 
割 为 宽度 相同 的 两 等 份 。 使 用 线条 工具 ， 沿 着 辅助 线 ， 画 出 两 条 线 分 割 形 状 ， 然 后 新 建 三 个 
图 层 ， 使 分 割 的 四 块 形状 分 别 放置 在 不 同 的 图 层 上 。 

B555 同时 选中 “图 层 1”、“ 图 层 2”、“ 图 层 3” 和 “图 层 4” 的 第 15 帧 , 按 【Ff6】 键 
插入 关键 帧 。 使 用 任意 变形 工具 ， 分 别 调 整 “ 图 层 1”、“ 图 层 2”、“ 图 层 3” 和 “图 层 4”、 
的 第 1 帧 ， 使 得 形状 块 分 别 回 各 个 和 角 压 缩 为 一 个 小 和 矩形， 并 在 4 个 图 层 中 分 别 创建 “形状 补 
间 ” 动 画 ， 如 图 $. 26 所 示 。 新 建 “ 图 层 5”， 在 第 15 帧 插入 一 个 关键 帧 ， 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 荣 单 中 选择 “动作 ”选项 ,输入 “stop();”。 

BBD 回 到 “场景 1”， 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “元 件 5”， 进 入 元 件 编辑 状态 ， 
把 “ 库 ” 面 板 中 的 “5. jpg” 图 片 拖 到 舞台 上 ， 并 且 设 置 图 片 相对 于 人 舞台 “水 平 中 齐 ”、“ 垂 
直 中 齐 ”。 新 建 “ 图 层 2”， 把 刚 做 好 的 “ 庶 墨 5” 元件 拖 到 舞台 的 中 央 。 在 “图 层 2” 上 单 
击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 选择 “ 遮 日 层 ”， 此 时 “图 层 1” 自 动 变 成 被 让 曙 层 。 
SEO 加 到 “场景 1”， 新 建 一 个 影片 剪辑 类 型 的 元 件 ， 命 名 为 “ 遮 鄙 6”， 进 入 元 件 编辑 
状态 ， 在 舞台 上 绘制 一 个 高 度 为 570 像素 的 正 圆 形 ， 无 笔触 颜色 ， 填 充 颜色 为 红色 。 打 开 
“对 齐 ” 面 板 ， 设 置 该 矩形 相对 于 舞台 “水 平 中 齐 ” 且 “垂直 中 齐 ”。 

SO 选中 “图 层 1” 的 第 15 帧 , 按 【F6】 键 一 起 搬入 关键 帧 。 通 过 属性 面板 ， 调 整 
“图 层 1” 的 第 1 帧 的 形状 高 度 为 2， 将 宽度 值 和 高 度 值 锁 定 在 一 起 ， 并 在 该 图 层 中 创建 
“形状 补 间 ” 动画 。 新 建 “ 图 层 2”， 在 第 15 帧 插入 一 个 关键 帧 ， 单 击 鼠 标 右键 ， 在 弹出 的 
快捷 订单 中 选择 “动作 ”选项 ,， 输 入 “stop( );”。 

BBE 回 到 “场景 1”， 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “元 件 6”， 进 入 元 件 编辑 状态 ， 
把 “ 库 ” 面 板 中 的 “6. jpg” 图 片 拖 到 舞台 上 ， 并 且 设 置 图 片 相对 于 人 舞台 “水 平 中 齐 ”、“ 垂 
直 中 齐 ”。 新 建 “ 图 层 2”， 把 刚 做 好 的 “ 遮 淖 6” 元件 拖 到 舞台 的 中 央 。 在 “图 层 2” 上 单 
击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 选择 “ 遮 日 层 ”， 此 时 “图 层 1” 自 动 变 成 被 让 曙 层 。 
SS》 加 到 “场景 1”， 新 建 一 个 影片 剪辑 元 件 ， 名 称 为 “照片 切换 ”， 进 入 元 件 编 辑 状 
态 ， 在 “图 层 1” 的 第 38 帧 、76 帧 、114 帧 、150 帧 、188 帧 处 分 别 插入 一 个 关键 帧 ， 在 
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230 帧 处 插入 普通 帧 。 然 后 分 别 把 “元 件 1” “元 件 2” “元 件 3” “元 件 4” “元 件 S?” 
和 “元 件 6” 放 到 第 1 帧 、 第 38 帧 、 第 76 帧 、 第 114 帧 、 第 150 帧 和 第 188 帧 处 的 舞台 中 
央 处 。 


二 场景 1 邮 让 加 5 





图 5.26 “ 遮 嘲 $” 时间 轴 设置 


有 下 27 
4. 制作 歌词 动画 


ESED> 在 “ 库 ” 面 板 中 新 建 一 个 文件 夹 ， 命 名 为 “歌词 ”， 在 该 文件 夹 中 ， 新 建 一 个 图 形 
元 件 “ 歌 词 1”， 打 开 素 材 文 件 夹 中 的 “歌词 . kt”， 复 制 里 面 的 第 一 名 歌词， 用 文本 工具 ， 
把 歌词 粘贴 到 舞台 中 央 位 置 ， 设 置 文本 大 小 为 30 点， 字体 为 “ 幼 圆 ”， 颜 色 为 黑色 。 
ES 新建 一 个 影片 剪辑 元 件 ， 命 名 为 “歌词 1 进入 ”。 在 “图 层 1” 第 1 帧 处 放置 “ 歌 
词 1” 元 件 ， 对 章 到 舞台 中 央 ， 在 第 40 帧 处 插入 帧 。 新 建 “ 图 层 2”， 在 该 图 层 的 第 1 帧 处 
绘制 一 个 能 窗 盖 图 层 1 中 的 歌词 的 矩形 ， 用 鼠标 右键 单 击 该 矩形 ， 在 弹出 的 快捷 荣 单 中 ， 选 
择 “转换 为 元 件 ” ， 设 置 名 称 为 “定形 条 ”， 炎 型 为 图 形 元 件 ， 然 后 把 该 元 件 移 动 到 歌词 的 
左边 ， 如 图 5.27 所 示 。 在 “图 层 2” 的 第 40 帧 处 插入 一 个 关键 帧 ， 把 “矩形 条 ”元 件 实例 
拖 到 能 覆盖 住所 有 歌词 的 位 置 。 在 第 1 帧 到 第 40 帧 之 间 创 建 “ 传 统 补 间 ” 动 画 ， 新 建 一 个 
图 层 ， 在 第 41 帆 处 插入 一 个 关键 帆 ， 输 入 动作 脚本 “stop( ) ;”。 


EE es 


图 5.27 “和 矩形 条 ”元 件 实例 的 初始 位 置 
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再 同 制作 “歌词 1 进入 ”的 方法 类 似 ， 依 次 制作 “歌词 2 进入 ”、“ 歌 词 3 进入 ”和 
“歌词 4 进入 ”的 影片 剪辑 元 件 。 








&3 注意 : 每 句 歌词 播放 的 时 间 长 度 不 同 ， 所 以 制作 后 3 句 歌词 进入 的 影片 剪辑 时 ， 


时 间 轴 的 长 度 分 别 为 45 帧 、35 帧 和 43 帧 。 





5. “场景 1” 动画 制作 
5H> 加 到 “场景 1”， 将 “图 层 1” 重 命名 为 “照片 ”， 把 “照片 切换 ”元 件 拖 放 在 舞 
台 的 右 侧 ， 在 第 224 帧 处 插入 普通 帧 。 
ES 新建 一 个 网 层 ， 命 名 为 “ 闭 饰 ”， 然 后 把 “ 库 ” 面 板 中 的 “装饰 . png”、“ 音 符 
. png” 和 “蝴蝶 . png” 分别 放置 在 舞台 上 ， 大 小 和 位 置 可 以 参照 图 $. 22， 再 用 文本 工具 输 
人 “六 亲 宝 贝 ” 四 个 字 ， 大 小 为 60 点 ， 字 体 为 华文 行 楷 ， 颜 色 为 粉色 〈#FF9999 ) 。 
ER 新建 一 个 网 层 ， 命 名 为 “音乐 ” ， 单 击 该 图 层 的 第 1 帧 ， 在 “属性 ”面板 中 设置 声 
音 的 相关 参数 ， 如 网 5. 28 所 示 。 








ww 产 音 
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图 5.28 声音 的 设置 





ES 新 建 一 个 图 层 , 命名 为 “歌词 标记 ”， 把 播放 头 调整 到 该 图 层 的 第 1 帧 ， 按 
【 Enter】 键 开 始 播放 音乐 ， 当 上 听 到 第 1 句 歌 词 的 时 候 马 上 按 【Enter】 键 俘 止 播放 ， 此 时 第 1 
名 歌词 大 概 出 现在 第 15 帧 处 ， 在 “歌词 标记 ”图 层 的 第 15 帧 处 插入 一 个 关键 帧 ， 然 后 在 
属性 面板 中 设置 帧 的 “名 称 ” 为 “1”， 设 置 类 型 为 “注释 "”， 如 图 $. 29 所 示 。 








= 标本 
儿 称 :Di | 
闪 型 :; | 注 料 |™ 


图 5. 29 “歌词 标记 ”的 帧 标签 








ES 用 Step4 同样 的 方法 ， 找 到 第 一 句 歌 词 的 结束 位 置 ， 以 及 后 面 三 句 歌 词 的 开始 和 结 
束 位 置 ， 并 分 别 给 帧 加 上 注释 。 


AN 


第 5 章 引导 路 径 动 画 和 让 站 动 画 制 作 一 一 多 层次 的 动画 表现 手法 村 


用 RE 为 了 准确 找到 繁 句 歌 词 开始 和 结束 的 位 置 ， 可 以 试听 多 所 音乐 来 判断 。 





ES 把 “歌词 1 进入 ” 拖 放 到 “歌词 ”图 层 的 第 15 帧 处 , ， 其 他 歌词 的 设置 方法 与 之 相同 。 
民国 歌词 进入 元 件 实例 在 兽 台 上 的 位 置 可 以 借助 辅助 线 来 定位 。 
EB7B> 保存 文件 ， 测 试 影 片 。 

【技术 讲解 】 


人 庶 曙 动画 概述 


“这 第 ”顾名思义 束 是 让 挡 住 下 面 的 对 象 。 在 Flash 中 ， “让 音 动 画 ” 通 过 “让 第 层 ” 
来 达到 有 选择 地 显示 位 于 其 下 方 的 “被 诞 章 层 ” 中 的 内 容 的 目的 。 在 一 个 遮 单 动画 中 , “站 
音 屋 ”只 有 一 个 ,“ 被 遮 单 层 ” 可 以 有 任意 多 个 。 

在 Flash 动画 中 ,“ 迟 童 ” 主 要 有 两 种 用 途 : 一 个 作用 是 用 在 整个 场景 或 一 个 特定 区 域 ， 
使 场景 外 的 对 和 象 或 特定 区 域外 的 对 象 不 可 见 ， 为 一 个 作用 是 用 来 让 单 住 茶 一 元 件 的 一 部 分 ， 
从 而 实现 一 些 特殊 的 效果 ， 如 水 流 、 深 布 、 万 花 位、 百叶 窗 、 放 大 错 、 和 望远镜 等 。 


制作 和 遮 章 动画 的 基本 方法 


在 Flash 中 没有 一 个 专门 的 按钮 来 创建 让 单 层 ， 杠 章 层 其 实 是 由 普通 图 层 转化 而 来 的 。 
读者 只 要 在 要 菏 个 图 层 上 单 击 鼠 标 右键 ,在 弹出 快捷 沫 单 中 把 “让 第 ”前 打 个 钓 ， 该 图 层 
就 会 生成 让 单 层 。“ 层 图 标 ” 束 会 从 普通 层 图 标 变 为 遮 香 层 图 标 ， 软 件 会 目 动 把 拭 章 层 下 面 
的 一 层 天 联 为 “被 谴 单 层 " 。 

遮 单 层 中 的 图 形 对 象 在 播放 时 是 看 不 到 的 ， 遮 站 层 中 的 内 容 可 以 是 按钮 、 影 万 甬 
辑 、 图 形 、 位 图 、 文 字 等 ,但 不 能 使 用 线条 ， 如 果 一 定 要 用 线条 ， 可 以 将 线条 转化 为 
“填充 ”。 

被 遮 单 层 中 的 对 象 只 能 透 过 让 章 层 中 的 对 象 被 看 到 。 在 被 遮 单 层 ， 可 以 使 用 按钮 ， 影 万 
甬 辑 ， 图 形 ， 位 图 ， 文字， 线条。 

可 以 在 遮 单 层 、 被 让 章 层 中 分 别 或 同时 使 用 形状 补 间 动画 、 动 作 补 间 动 画 等 动画 手段 ， 
从 而 使 遮 童 动画 变 成 一 个 可 以 施展 无 限 想 象 力 的 创作 空间 。 

遮 尝 层 的 基本 原理 是 : 能 够 透 过 该 图 层 中 的 对 象 看 到 “ 修 民 日 屋 ”中 的 对 象 及 其 属性 
(包括 它们 的 变形 效 末 ) ,但 是 氮 单 层 中 的 对 象 中 的 许多 属性 ( 如 渐变 色 、 透 明度 、 闫 色 和 
线条 样式 等 ) 却 是 被 忽略 的 。 比 如 ,我 们 不 能 通过 氮 章 层 的 渐变 色 来 实现 补 迟 章 层 的 渐变 
色 变 化 。 妥 在 场景 中 显示 遮 闭 效果 ， 可 以 锁定 遮 单 层 和 被 遮 淖 层 。 可 以 用 “AS” 动 作 语句 建 
立 遮 音 ， 但 这 种 情况 下 只 能 有 一 个 “被 诞 单 层 " ， 且 不 能 设置 Alpha 属性 。 不 能 用 一 个 遮 单 
层 试图 遮蔽 另 一 个 遮 置 层 。 遮 章 可 以 应 用 在 引 格 式 的 动画 上 。 在 制作 过 程 中 ， 遮 置 层 经 党 
挡住 下 层 的 元 件 ， 影 响 视 线 ， 无 法 编辑 ， 可 以 按 下 遮 章 层 时 间 轴 面板 的 显示 图 层 轮 廓 按钮 ， 
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使 遮 单 层 只 显示 边框 形状 。 在 这 种 情况 下 ， 还 可 以 拖 动 边框 调整 迟 单 图形 的 外 形 和 位 置 。 在 
馈 迟 单 层 中 不 能 放置 动态 文本 。 





制作 和 蛋 猴 房 





【 案例 概述 】 


本 案例 利用 “ 迟 单 动画 ”技术 和 “引导 动画 ”技术 制作 了 一 个 “入 料 房 广告 ”宣传 动 
男 ， 通 过 本 案例 的 学 习 ， 读 者 主要 可 以 向 握 设置 一 个 图 层 迟 章 多 个 图 层 ， 以 及 引导 动画 和 氨 
章 动 画 的 综合 应 用 。 部 分 动画 效 采 如 图 5. 30 所 示 。 











图 5.30 “和 绰 糕 房 广告 ”动画 的 部 分 画面 
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【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 选 择 动 作 脚 本 为 ActionScript 2. 0。 设置 文档 
大 小 为 773 x300 像素 ， 背 景 为 橙色 (#FF9900)。 执 行 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 新 文 
档 保 存 ， 有 名 为 “和 集 糕 房 广告 ”。 

外 素材 文件 来 里 的 所 有 图 片 导 入 到 文档 的 库 中 。 

3. 制作 元 件 
ED 新建 一 个 图 形 元 件 ， 命 名 为 “ 圆 形 ”， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 一 个 直径 
为 202 像素 的 圆 ， 填 充 颜 色 和 笔触 颜色 任意 。 返 回 “ 场 景 1”。 
2 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “运动 的 圆 "， 进 入 元 件 编辑 状态 ， 从 库 中 把 “ 圆 
形 ” 元 件 拖 到 舞台 上 ， 在 “图 层 1” 的 第 60 帧 处 插入 一 个 关键 帧 ， 把 第 60 帧 处 的 元 件 实例 
拖 到 舞台 右 侧 。 用 鼠标 右键 单 击 “ 图 层 1”， 在 弹出 的 快捷 沫 单 中 选择 “添加 传统 运动 引导 
层 ”， 则 在 “图 层 1” 上 方 目 动 添加 一 个 图 屋 “ 引 导 层 : 图 层 1”， 在 引导 层 中 用 铅笔 绘制 一 

条 圆滑 的 波浪 线 。 然 后 分 别 调整 “图 层 1” 第 1 帧 和 第 60 顺 处 的 元 件 实例 使 得 元 件 实例 
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的 中 心 点 压 在 引导 路 径 上 。 返 回 “ 场 景 1”。 

Es 新 建 一 个 图 形 元 件 ， 命 名 为 “矩形 条 ”， 进 入 元 件 编 辑 状态 ， 在 舞台 上 用 和 矩形 工 
具 绘 制 一 个 和 矩形， 高 度 为 95 像素， 宽度 为 773 像素 ， 笔 触 颜 色 为 无 ， 填 充 颜 色 为 径 向 渐 
变 类 型 ， 其 中 ， 中 心 颜色 为 浅 柳 色 〈#FFFF99) ， 外 围 颜 色 为 橙色 (#FF9900)。 返 回 “ 场 
有 下 

YP> 新 建 一 个 图 形 元 件 ， 命 名 为 “特殊 形状 ”， 进 入 元 件 编辑 状态 ， 在 舞台 上 用 和 矩形 工 
具 绘制 一 个 和 矩形， 高 度 为 93， 宽度 为 320， 笔 触 颜 色 为 无 ， 填 充 颜 色 为 径 癌 渐变 类 型 ， 其 
中 ， 中 心 颜色 为 浅 榜 色 (#FEFFF99) ， 外 围 颜色 为 橙色 (〈(#FF9900) 。 然 后 绘制 一 个 细 长 月 亮 
形状 ， 填 充 颜色 与 矩形 填充 颜色 一 致 ， 再 绘制 另 一 个 更 细 的 月 亮 形状 ， 填 充 颜色 为 白色 ， 把 
绘制 好 的 几 个 形状 组 合成 一 个 特殊 形状 ， 如 图 5.31 所 示 。 返 回 “场景 1”。 














图 5.31 “特殊 形状 ”元 件 里 的 形状 


E> 新 建 一 个 图 形 元 件 ， 命 名 为 “白色 和 矩形 条 ”， 进 入 元 件 编 辑 状态 ， 在 人 舞 台 上 用 和 矩形 
工具 绘制 一 个 矩形 ， 高 度 为 200， 宽 度 为 14， 笔触 颜色 为 无 ， 填 充 颜 色 为 白色 ， 然 后 利用 
“变形 ”面板 将 矩形 条 旋转 -25°。 返 回 “ 场 景 1”。 131 
ET 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “文字 动画 ”， 进 入 元 件 编辑 状态 ， 利 用 文本 工具 

在 舞台 上 输入 “ 蓉 缘 蛋糕 ”和 “美味 可 口 ”两 行文 本 ， 字 体 为 “华文 行 梢 ”， 字 号 为 45 点， 
颜色 为 棕色 〈#CC6600) ， 位 置 安排 如 图 5. 32 所 示 。 





图 5.32 “文本 动画 ”元 件 “ 图 层 1 ”中 的 文本 


E57B> 新 建 “ 图 层 2”"， 选 中 “图 层 1” 中 的 “美味 可 口 ”文本 ， 执 行 “ 编 辑 ” “复制 * 
菜单 命令 ， 在 “图 层 2” 的 第 18 帧 处 插入 一 个 关键 帧 ， 选 中 该 帧 ， 执 行 “编辑 "一 “粘贴 到 
当前 位 置 ”菜单 命令 ， 选 中 刚 复制 出 来 的 文本 ， 把 文本 颜色 改 为 浅黄 色 (#FFFF99)。 新 建 
“图 层 3”"， 选 中 “图 层 1” 中 的 “ 医 缘 蛋糕 ”文本 ， 执 行 “编辑 ” “复制” 菜单 命令 ， 在 
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“图 层 3” 的 第 18 帧 处 插入 一 个 关键 帧 ， 选 中 该 帧 ， 执 行 “ 编 辑 " 一 ” 炸 巾 到 当前 位 置 ”这 
单 命 令 ， 选 中 刚 复制 出 来 的 文本 ， 把 文本 颜色 改 为 浅黄 色 (#FFFF99)。 

ES 新 建 “ 图 层 4”， 在 该 图 层 的 第 18 帧 处 插入 一 个 关键 帧 ， 然 后 把 库 中 的 “白色 矩 
形 条 ”元 件 拖 到 舞台 上 ， 把 元 件 实例 放 在 所 有 文本 的 左 侧 ， 在 “图 层 4” 的 第 50 帧 处 插入 
一 个 关键 帧 ， 然 后 把 该 帧 处 的 元 件 实例 拖 到 文本 右 侧 。 然 后 在 第 18 帧 到 第 50 帧 之 间 创 建 传 
统 补 问 动画。 用 鼠标 右键 单 击 “ 图 层 4”， 在 弹出 的 快捷 菜单 中 勾 选 “ 遮 音 层 ” ， 则 “图 导 
3” 自动 转换 为 被 诞 章 层 ， 此 时 ， 把 “图 层 2” 也 拖 到 遮 音 层 的 遮 单 范围 内 。 返 回 “ 场 
要 1 gs 

ES 新 建 一 个 图 形 元 件 ， 命 名 为 “ 圆 ”， 进 入 元 件 编辑 状态 ， 在 舞台 的 中 央 位 置 绘制 一 
个 直径 为 108 像 系 的 圆 ， 填 充 颜 色 为 日 色 ， 无 笔触 颜色 。 返 回 “ 场 景 1 ”。 

SEODUD 新 建 一 个 图 形 元 件 ， 命 名 为 “ 圆 环 "”， 进 入 元 件 编辑 状态 ， 在 舞台 的 中 央 位 置 绘制 
一 个 直径 为 240 像素 的 圆 形 ， 填 充 颜 色 为 日 色 ， 无 笔触 颜色 ， 然 后 在 白色 圆 形 的 劳 边 再 绘制 
一 个 直径 为 230 像 系 的 圆 形 ， 填 充 闫 色 可 以 为 除了 日 色 之 外 的 任意 颜色 ， 无 笔触 闫 色 ， 打 开 
“对 齐 ” 面 板 ， 勾 选 “ 与 舞台 对 齐 ”， 然 后 单 击 “水 平 中 齐 ” 和 “垂直 中 齐 ” 按 钮 ， 如 图 
5. 33 所 示 ， 使 第 二 个 绘制 的 圆 形 也 放 在 舞台 的 中 央 位 置 ， 与 白色 圆 形成 为 同心 加 。 然 后 把 
第 二 个 绘制 的 圆 形 删 除 ， 剩 下 的 就 是 一 个 日 色 的 圆 环 。 返回 “场景 1”。 

















图 5.33 “对 齐 ” 面 板 





SEO》 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “ 圆 环 动画 ”， 把 库 中 的 “ 圆 环 ”元 件 拖 到 舞台 
上 ， 设 置 元 件 实例 的 宽度 和 高 度 均 为 483 像素 ,选中 “图 层 1” 的 第 7 帧 , 按 【F6】 键 , 插 
入 一 个 关键 帧 ， 把 第 7 帧 处 元 件 实例 的 宽度 和 高 度 均 设 为 35 像素 。 选 中 第 1 帧 到 第 7 帧 之 
间 的 任意 一 帧 ， 执 行 “插入 "一 传统 补 间 ” 沫 单 命令 。 

SEO 新 建 “ 图 屋 2”， 用 鼠标 右键 单 击 “图 层 1” 的 第 7 帧 ， 在 弹出 的 快捷 沫 单 中 选择 
“复制 帧 ” ， 再 用 鼠标 右键 单 击 “图 层 2” 的 第 4 帧 ,在 弹出 的 快捷 荣 单 中 选择 “粘贴 央 ”。 





AN 
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在 “图 层 2” 的 第 10 帧 处 搬入 一 个 关键 帧 ， 选 中 该 帧 处 的 元 件 实例 ， 打 开 属 性 面板 ， 设 置 
宽度 和 高 度 均 为 225 像素 ，Alpha 值 为 0% 。 在 “图 层 2” 的 第 4 帧 到 第 10 帧 之 间 创 建 传统 
补 间 动画 。 

BH 下 > 新 建 “ 图 层 3”， 在 第 10 帧 处 搬入 一 个 关键 帧 ， 用 鼠标 右键 单 击 第 10 帧 ， 在 弹出 
的 快捷 荣 单 中 选择 “动作 ”， 会 弹出 一 个 “动作 ”窗口 ， 在 命令 窗 格 中 输入 “stop();”， 返 
回 “ 场 景 1”。 

So 新 建 一 个 图 形 元 件 ， 命令 为 “和 蛋糕 1”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “p2. jpg”、 
“p3. jpg”、“p4. jpg” 分 别 制作 为 “ 乍 糕 2”、“ 重 粹 3” 和 “ 重 糕 4” 图 形 元 件 。 

SEO 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “和 蛋糕 1 动画 ”， 进 入 元 件 编辑 状态 ,在 “图 层 
1” 的 第 5 帧 处 搬 和 人 一 个 关键 帧 ， 把 库 中 的 “ 圆 ” 元 件 拖 到 舞台 上 ， 在 “图 层 1” 的 第 34 帧 
处 搬入 一 个 关键 帧 。 调 整 第 $ 帧 处 的 元 件 实例 的 宽度 和 高 度 均 为 351 像素 ， 色 彩 效果 样式 选 
为 “高 级 ”， 上 有 具体 的 参数 设置 如 图 $. 34 所 示 ， 利用“ 对齐 ”面板 调整 元 件 实例 在 舞台 中 天 
位 置 。 再 调整 第 34 帧 处 元 件 实例 的 宽度 和 高 度 均 为 235 像素 ， 色 彩 效 果 样 式 选 为 “高 级 ”， 
具体 的 参数 设置 如 图 5.35 所 示 ， 利 用 “对 齐 ” 面 板 调 整 元 件 实例 在 舞台 中 央 人 位置。 在 “图 
层 1” 的 第 5 帧 到 第 34 帧 之 间 创 建 传统 补 间 动 画 。 




















< 色 床 效果 xs 色彩 效果 

样式 : | 高 蜂 |™ 样式 : | 高 馈 |™ 

Alpha: 30% xA+ 0 Alpha: 20% XxAT+ 0 
并: 0 史 xR 十 299 并 : 人 0 % XR 十 299 
党 ;0% XO 二 102 党 由 哆 XO 十 1 
蓝 :; 由 驳 XB 十 0 蓝 : 由 驳 XB 十 

图 5.34 “图 层 1” 第 5 帧 处 元 件 实 例 的 图 5.35 “图 层 1” 第 34 帧 处 元 件 实 例 的 
“色彩 效果 ”参数 设置 “色彩 效果 ”参数 设置 


BBM 新建“ 图 层 2”,， 在 “图 层 2” 的 第 5 帧 处 插入 一 个 关键 帧 ， 把 库 中 的 “ 圆 ” 元 件 
拖 到 舞台 上 ， 在 “图 层 2” 的 第 11 帧 处 插入 一 个 关键 帧 。 调 整 第 5 帧 处 元 件 实例 的 宽度 和 
高 度 均 为 351 像素 ， 色 彩 效 果 样 式 选 为 “高 级 ”， 有 具体 的 参数 设置 如 图 5.36 所 示 ， 利 用 
“对 齐 ” 面 板 调整 元 件 实例 在 舞台 中 央 位 置 。 再 调整 第 11 帧 处 元 件 实例 的 宽度 和 高 度 均 为 
235 像 系 利用“ 对齐” 面板 调整 元 件 实例 在 舞台 中 央 位 置 。 在 “图 层 2” 的 第 5 帧 到 第 11 
帧 之 间 创 建 传 统 补 间 动 画 。 

SS 新 建 “ 图 层 3”， 把 库 中 的 “加 ”元 件 拖 到 舞台 上 ， 在 “图 层 3” 的 第 5 帧 处 插 人 
一 个 关键 帆 。 调 整 第 1 帧 处 的 元 件 实例 的 宽度 和 高 度 均 为 35 像素 ,第 5 帧 处 的 元 件 实例 的 
宽度 和 高 度 均 为 235 像素 ， 并 且 两 个 关键 帧 处 的 元 件 实例 都 在 舞台 中 央 位 置 。 在 “图 层 3” 
的 第 1 帧 到 第 5 帧 之 间 创 建 传统 补 间 动 夯 。 
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sw 包 蒜 区 果 
样式 : | 局 级 |™ 
Alpha: i00% xA+ 0 
红 : 是 % XR 十 Ese 
水 : 0% XD 十 ls 
类 : 0 和 xXB 十 0 


图 5.36 “图 层 2” 第 5 帧 处 元 件 实例 的 “色彩 效果 ” 参数 设置 


B35E 新 建 “ 图 层 4”， 把 库 中 的 “和 蛋糕 1” 元 件 拖 到 舞台 上 ， 打 开 “ 属 性 面板 ”， 设 置 
“ 重 糕 1” 元 件 实例 锁定 长 宽 比 ， 宽 度 为 133 ， 并 将 元 件 实例 放置 在 舞台 中 央 位 置 。 
SEO》 新 建 “ 图 层 3”， 选 中 “图 层 3” 的 第 1 帧 到 第 5 帧 之 间 的 所 有 帧 ， 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 亲 单 中 选择 “复制 帧 "， 再 用 鼠标 右键 单 击 “ 图 层 5” 的 第 1 帧 ,在 弹出 的 快 
捷 末 单 中 选择 “粘贴 帧 *。 用 鼠标 右键 单 击 “图 层 5”， 弹 出 的 快捷 末 单 中 选择 “ 谈 单 层 ”， 
则 “图 层 4” 目 动 转换 为 修 刘 单 图 层 。 
BH 新 建 “ 图 层 6”， 在 该 图 层 的 第 34 帧 处 插入 一 个 关键 帧 ， 用 鼠标 右键 单 击 该 图 层 的 
第 34 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “动作 ”， 会 弹出 一 个 “动作 ”窗口 ， 在 命令 窗 格 中 输 
人 “stop( ) ;”， 返 回 “ 场 景 1”。 
BP 重复 步骤 Step15 至 步骤 Step20， 分 别 利 用 “ 重 料 2”“ 和 蛋糕 3”“ 和 蛋糕 4” 元 件 来 
制作 “ 重 糕 2 动画 ”“ 香 糕 3 动画 ”““ 重 糕 4 动画 ”。 

4. 制作 动画 
EDP> 将 “图 层 1” 重 命名 为 “矩形 条 ”， 把 库 中 的 “和 矩形 条 ”元 件 拖 到 钴 台 的 上 方 ， 边 
缘 与 舞台 对 齐 。 在 “图 层 1” 的 第 191 帧 处 插入 普通 帧 。 
ES 新 建 一 个 图 层 ， 重 命名 为 “特殊 形状 ” ， 把 库 中 的 “特殊 形状 ”元 件 拖 到 舞台 的 左 
上 上方， 边缘 与 舞台 对 齐 。 
ES》 新 建 一 个 图 层 ， 重 命名 为 “文字 动画 ”， 把 库 中 的 “文字 动画 ”元 件 拖 到 舞台 的 左 
上 方 ， 具 体 摆 放 位 置 可 参照 图 5. 30。 
?BP> 新 建 一 个 图 层 ， 重 命名 为 “和 集 糕 店 ”， 把 库 中 的 “和 蛋糕 展示 . jpg”“ 和 蛋糕 店 . jpg”、 
“1. png” 和 “2. png” 都 拖 到 舞台 上 ， 并 分 别 调整 位 图 的 大 小 和 位 置 ， 可 参照 图 5. 30 进行 
调整 。 
EE 新 建 一 个 图 层 ， 重 命名 为 “ 遮 单 ”， 在 该 图 层 的 第 115 帧 处 插入 一 个 关键 帧 ， 把 库 
中 的 “运动 的 圆 ” 元 件 拖 到 舞台 左下 角 ， 在 “有 遮 单 ”图 层 的 第 161 帧 处 插入 一 个 空白 关键 
帧 ， 在 舞台 上 绘制 一 个 遮 午 层 里 的 遮 音 圆 同样 大 小 的 加 形状， 位置 大 概 就 是 遮 单 圆 最 后 俘 留 
的 位 置 。 在 “ 扯 羞 ” 层 的 第 192 帧 处 插入 一 个 空白 关键 帧 ， 然 后 在 舞台 上 绘制 一 个 宽 为 773 
像素 ， 高 为 205 像素 的 矩形 ， 使 其 与 狂 台 下 边 对 齐 。 在 “ 遮 曙 ” 层 的 第 115 帧 到 第 161 帧 之 
间 创 建 补 间 形 状 动画 。 
R73> 单 击 “ 视 图 ” 且 单 ， 勾 选 “ 标 尺 ” 羔 单 命令 ， 让 标尺 显示 出 来 ， 然 后 从 水 平 标尺 



































ee 9 ™ Be PAA 4 | 
因 oe} 


第 5 章 ”引导 路 径 动画 和 让 站 动 画 制作 一 一 多 层次 的 动画 表现 手法 村 








上 拖 出 来 一 个 水 平 辅助 线 ， 从 竺 直 标 矿 上 拖 出 来 四 条 竺 直 辅 助 线 ， 如 图 5. 37 所 示 。 
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图 5.37 五 条 辅助 线 的 设置 


EBBYB> 新 建 一 个 图 层 ， 重 命名 为 “ 圆 环 1”， 在 该 图 层 的 第 55 帧 处 搬入 一 个 关键 帧 ， 把 库 
中 的 “ 圆 环 动画 ”元 件 拖 到 舞台 上 ， 证 圆 环 的 圆心 与 辅助 线 左 边 第 一 个 交叉 点 重合 ， 如 
图 5. 38 所 示 。 然 后 将 “ 圆 环 1” 图 层 的 第 74 帧 到 第 191 帧 则 的 所 有 帧 选中 ， 并 用 鼠标 右键 
单 击 ， 在 弹出 的 快捷 沫 单 中 选择 “删除 帧 ”。 
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图 5.38 第 一 个 圆 环 所 安放 的 位 置 


ER 新建 一 个 图 层 ， 重 命名 为 “ 圆 环 2”， 在 该 图 层 的 第 70 帧 处 搬入 一 个 关键 帧 ， 把 库 
中 的 “ 圆 环 动画 ”元 件 拖 到 舞台 上 ， 让 圆 环 的 圆心 与 辅助 线 的 左 起 第 二 个 交叉 点 重合 ， 然 
后 将 “ 圆 环 2” 图 层 的 第 88 帧 到 第 191 帧 间 的 所 有 帧 选中 ,并 用 鼠标 右键 单 击 ， 在 弹出 的 
快捷 沫 单 中 选择 “删除 帧 ”。 
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广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


RYH 新 建 一 个 图 层 ， 重 命名 为 “ 圆 环 3”， 在 该 图 层 的 第 84 帧 处 插入 一 个 关键 帧 ， 把 库 
中 的 “ 圆 环 动画 ”元 件 拖 到 舞台 上 ， 让 圆 环 的 圆心 与 辅助 线 的 左 起 第 三 个 交叉 点 重合 ， 然 
后 将 “ 圆 环 3” 图 层 的 第 103 帧 到 第 191 帧 间 的 所 有 帧 选中 ， 并 用 鼠标 右键 单 击 ， 在 弹出 的 
快捷 菜单 中 选择 “删除 帧 ”。 

SU 新 建 一 个 图 层 ， 重 命名 为 “ 圆 环 4”， 在 该 图 层 的 第 97 帧 处 插入 一 个 关键 帧 ， 把 库 
中 的 “ 圆 环 动 画 ” 元 件 拖 到 舞台 上 ， 让 圆 环 的 圆心 与 辅助 线 的 左 起 第 四 个 交叉 点 重合 ， 然 
后 将 “ 圆 环 4” 图 层 的 第 112 帧 到 第 191 帧 间 的 所 有 帧 选中 ， 并 用 鼠标 右键 单 击 ， 在 弹出 的 
快捷 菜单 中 选择 “删除 帧 ”。 

B55IP 新 建 一 个 图 屋 ， 重 命名 为 “和 蛋糕 1”， 在 该 图 层 的 第 58 帧 处 插 人 一 个 关键 帧 ， 把 库 
中 的 “和 蛋糕 1 动画 ”元 件 拖 到 舞台 上 ， 让 “和 蛋糕 1 动画 ”元 件 实例 的 中 心 点 与 辅助 线 的 左 
起 第 一 个 交叉 点 重合 ， 然 后 在 “和 蛋糕 1” 图 层 的 第 157 和 161 帧 处 分 别 插入 一 个 关键 帧 ， 并 
将 第 161 帧 处 的 元 件 实例 拖 到 舞台 外 右 侧 ， 在 该 图 层 的 第 157 帧 到 第 161 帧 之 间 创 建 传统 补 
间 动 画 。 选 中 “和 蛋糕 1” 图 层 的 第 162 帧 到 第 191 帧 间 的 所 有 帧 选中 ， 并 用 鼠标 右键 单 击 ， 
在 弹出 的 快捷 染 单 中 选择 “删除 帧 ”。 

SODD》 新 建 一 个 图 层 ， 重 命名 为 “蛋糕 2”， 在 该 图 层 的 第 74 帧 处 插 和 人 一 个 关键 帧 ， 把 库 
中 的 “和 蛋糕 2 动画 ”元 件 拖 到 舞台 上 ， 让 “和 蛋糕 2 动画 ”元 件 实例 的 中 心 点 与 辅助 线 的 左 
起 第 二 个 交叉 点 重合 ， 然 后 在 “和 蛋糕 2” 图 层 的 第 167 和 171 帧 处 分 别 插入 一 个 关键 帧 ， 并 
上 且 将 第 171 帧 处 的 元 件 实 例 拖 到 舞台 外 右 侧 ， 在 该 图 层 的 第 167 帧 到 第 171 帧 之 间 创 建 传统 
补 间 动画 。 选 中 “和 蛋 粒 2” 图 层 的 第 172 帧 到 第 191 帧 间 的 所 有 帧 选中 ， 并 用 鼠标 右键 单 
击 ， 在 弹出 的 快捷 菜单 中 选择 “删除 帧 ”。 

SSg》 新 建 一 个 图 层 ， 重 命名 为 “蛋糕 3”， 在 该 图 层 的 第 87 帧 处 插 和 人 一 个 关键 帧 ， 把 库 
中 的 “和 蛋糕 3 动画 ”元 件 拖 到 舞台 上 ， 让 “和 蛋糕 3 动画 ”元 件 实例 的 中 心 点 与 辅助 线 的 左 
起 第 三 个 交叉 点 重合 ， 然 后 在 “和 蛋糕 3” 图 层 的 第 177 和 181 帧 处 分 别 插入 一 个 关键 帧 ， 并 
上 且 将 第 181 帧 处 的 元 件 实例 拖 到 舞台 外 右 侧 ， 在 该 图 层 的 第 177 帧 到 第 181 帧 之 间 创 建 传统 
补 则 动画 。 选 中 “ 重 料 3” 图 层 的 第 182 帧 到 第 191 帧 间 的 所 有 帧 ， 并 鼠标 右键 单 击 ， 在 弹 
出 的 快捷 菜单 中 选择 “删除 帧 ”。 

SO 新 建 一 个 图 屋 ， 重 命名 为 “和 蛋糕 4”， 在 该 图 层 的 第 104 帧 处 插入 一 个 关键 帧 ， 把 
库 中 的 “和 蛋糕 4 动画 ”元 件 拖 到 舞台 上 ， 让 “和 蛋糕 4 动画 ”元 件 实例 的 中 心 点 与 辅助 线 的 
左 起 第 一 个 交叉 点 重合 ， 然 后 在 “和 蛋 灿 4” 图 层 的 第 187 和 191 帧 处 分 别 插入 一 个 关键 帧 ， 
并 且 将 第 191 帧 处 的 元 件 实例 拖 到 舞台 外 右 侧 ， 在 该 图 层 的 第 187 帧 到 第 191 帧 之 间 创 建 传 
统 补 间 动 画 。 

BBD 保存 文档 ， 测 试 影片 。 


【技术 讲解 】 


















































A 设置 一 个 图 层 遮 四 多 个 图 层 





在 Flash 中 一 个 亡 淖 层 可 以 同时 庶 音 多 个 被 迟 章 屋 。 当 把 攻 个 图 层 设 置 为 忆 单 层 时 ， 下 
面 的 岁 层 目 动 被 设置 为 被 诞 单 层 。 当 需要 使 一 个 网 层 遮 章 多 个 图 层 时 ， 可 以 通过 下 面 的 两 种 
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方法 实现 。 

1) 选中 需要 作为 被 让 章 的 图 屋 ， 然 后 拖 到 迟 单 层 的 下 面 即 可 。 

2) 在 目标 网 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ”， 打 开 “ 图 层 属性 ” 
对 话 框 ， 在 对 话 框 中 选择 类 型 为 “被 让 单 ” 即 可 。 

如 末 想 要 取消 亡 单 和 被 让 单 的 关系， 可 以 打开 被 让 章 图 层 的 “图 层 属性 ”对 话 框 ， 选 
择 闫 型 为 “一 般 ”， 或 者 把 该 图 层 拖 离 诞 单 层 的 遮 单 范 围 即 可 。 


人 遮 罩 与 引导 的 综合 应 用 
如 有 果 想 要 实现 遮 熏 和 引导 的 绽 合 应 用 ， 需 要 将 引导 动画 做 成 影片 剪辑 元 件 ， 然 后 把 引导 


动画 影片 勇 辑 元 件 作 为 诞 单 图 层 的 对 象 ， 再 制作 被 遮 单 图 层 即 可 。 也 就 是 次 一 个 图 层 不 能 即 
作为 庶 单 屋 ， 又 作为 引导 层 。 


























5. 4 BS “汽车 登场 广告 “ 


【 案例 概述 】 


本 采 例 利用 “引导 动画 ”、“ 庶 章 动 画 ”、“ 传 统 补 间 动画 ”、“ 了 逐 巾 动画 ”等 技术 制作 了 
一 个 “汽车 登场 广告 ”~。 动 画 的 部 分 画面 如 图 5. 39 所 示 。 
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图 $. 39 “汽车 登场 广告 ”部 分 画面 


【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 选 择 动 作 脚 本 为 ActionScript 2.0。 设置 文档 
大 小 为 760 x360 像 系 ， 育 景 为 灰色 (#333333)。 执 行 “ 文 件 ” 一 “你 存 ”六 单 合 令 ， 将 新 文 
档 保 存 ， 命 名 为 “汽车 登场 广告 ” ， 并 保存 。 








“mE 
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天 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


2. 导入 素材 

把 素材 文件 夹 里 的 所 有 图 片 和 声音 寻 和 到 文档 的 库 中 。 

3. 制作 元 件 
II 新 建 一 个 图 形 元 件 ， 命 名 为 “汽车 1”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “汽车 
1. jpg” 图 片 拖 到 舞台 上 ， 选 中 舞台 上 的 图 片 ， 执 行 “ 修 改 " 一 “分离 ” 菜 单 命 令 ， 然 后 综合 
利用 套 索 工具 、 魔 术 棒 、 选 择 工具 等 将 图 片 的 背景 删除 ， 只 保留 汽车 ， 返 回 “ 场 景 1”。 
IEZ 新 建 一 个 图 形 元 件 ， 命 名 为 “汽车 2”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “汽车 
2. jpg” 图 片 拖 到 舞台 上 ， 选 中 舞台 上 的 图 片 ， 执 行 “ 修 改 " 一 “分离 ”菜单 命令 ， 然 后 综合 
利用 套 索 工具 、 魔 术 棒 、 选 择 工具 等 将 图 片 的 背景 删除 ， 只 保留 汽车 ， 返 回 “ 场 景 1”。 
ER$$h 新 建 一 个 图 形 元 件 ， 命 名 为 “别克 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 “别克 .jpg” 
图 片 拖 到 舞台 上 ， 选 中 有 舞台 上 的 图 片 ， 执 行 “ 修 改 ” 一 “分 离 ” 菜 单 命令 ， 然 后 综合 利用 套 
索 工 具 、 麻 术 棒 、 选 择 工 具 等 将 图 片 的 背景 删除 ， 只 保留 汽车 车 标 ， 返 回 “ 场 景 1”。 
E53 了 > 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “车 灯 ”， 进 入 元 件 编 辑 状态 ， 在 舞台 上 绘制 一 个 
任意 形状 ， 返 回 “ 场 景 1”。 
ER 新 建 一 个 影片 剪辑 元 件 ， 命 名 为 “汽车 2 闪 灯 ”， 进 入 元 件 编辑 状态 ， 把 库 中 的 
“汽车 2” 元 件 拖 到 舞台 上 ， 调 整 元 件 实例 的 大 小 和 位 置 ， 将 “图 层 1” 重 命名 为 “汽车 ”， 
在 “汽车 ”图 层 的 第 10 帧 、 第 17 帧 和 第 67 帧 处 分 别 插入 一 个 关键 帧 ， 把 第 17 帧 和 第 67 
帧 处 的 元 件 实例 调 大 一 些 ， 然 后 在 第 10 帧 和 第 17 帧 之 间 创 建 传 统 补 间 动 画 ， 在 第 67 帧 处 
插入 动作 “stop( ) ;”。 
E73> 新 建 一 个 图 层 ， 命名 为 “ 左 车 灯 ”， 在 第 19 帧 处 搬 和 人 一 个 关键 帧 ， 把 “车 灯 ” 元 
件 拖 到 舞台 上 ， 用 鼠标 右键 单 击 人 舞台 上 的 “车 灯 ” 元 件 实 例 ， 在 弹出 的 快捷 菜单 中 选择 
“在 当前 位 置 编 辑 ”， 进 入 “车 灯 ” 元 件 的 编辑 状态 ， 删 除 舞 台 上 的 形状 ,然后 选择 “刷子 ” 
工具 ， 填 充 颜色 设 为 白色 ， 用 刷子 在 舞台 上 绘制 车 灯 形 状 ， 如 网 5. 40 所 示 。 








二 场景 1 图 汽车 2 闪 灯 图 车 灯 








图 $.40 在 当前 位 置 编辑 “车 灯 ” 元 件 
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EBYB> 回 到 “汽车 2 内 灯 ” 元 件 编辑 状态 ， 单 击 “ 左 车 灯 ” 图 层 的 第 19 帧 ， 选 中 舞台 上 
的 “车 灯 ”元 件 实例 ， 设 置 Alpha 值 为 0% ， 添 加 发 光 滤 镜 和 模糊 滤 镜 ， 参 数 设置 如 图 5. 41 
DIR 





图 5.41 第 19 帧 处 “车 灯 ” 元 件 实例 滤 镜 设置 


六 只 有 文本 、 影 片 剪 辑 元 件 和 按钮 元 件 可 以 添加 滤 镜 效果 。 


ES 在“ 左 车 灯 ” 图 层 的 第 21、24 、25 、28 、36 帧 处 分 别 搬入 一 个 关键 帧 ， 选 中 舞台 
上 的 “车 灯 ” 元 件 实例 ， 分 别 设置 Alpha 值 为 100% 、25% 、0% 、100% 、10% ， 并 且 设 置 EW 
第 21 帧 和 第 24 帧 处 的 发 光 滤 镜 和 模糊 滤 镜 参数 ， 如 岁 5. 42 和 图 5. 43 所 示 。 








= EE es 
属性 | 什 i 
EE 模糊 X 
Te 模糊 
模糊 下 二 度 
强度 人 
品质 
颜色 
2 
内 发 光 内 发 光 
”模糊 T 模糊 
模糊 六 5 像素 ” 蝇 模糊 x 5 此 素 加 
可 模糊 站 5 像素 咖 
模糊 YY 5 像素 
品质 Ei: 品质 


图 5.42 第 21 帧 处 “车 灯 ” 元 件 实例 滤 镜 设 置 图 5.43 第 24 帧 处 “车 灯 ” 元 件 实例 滤 镜 设 置 
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大 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


ES》 选中 “ 左 车 灯 ” 图 层 的 第 19 帧 到 第 36 帧 之 间 的 所 有 帧 ， 单 击 鼠 标 右键 ， 在 弹出 
的 快捷 沫 单 中 选择 “创建 传统 补 间 动画 ”。 

SU 新 建 图 层 ， 命 名 为 “ 右 车 灯 ”， 按 照 步骤 Step6 到 Step9 的 方法 ， 制 作 右 车 灯 的 内 
光 动 画 ， 只 是 需要 将 “车 灯 ” 元 件 实例 水 平 翻转 一 下 。 

Si 新 建 网 层 ， 命 名 为 “声音 ”选中 该 图 层 第 一 帧 ， 通 过 属性 面板 设置 声音 名 称 为 
“sound1”， 返 回 “ 场 景 1”。 

SS 新 建 影片 剪辑 元 件 ， 命 名 为 “灯光 1”， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 一 个 如 
图 5. 44 所 示 的 形状 ， 返 回 “ 场 时 17”。 











5.44 “KT 光 1 形状 


SSDgy 新 建 影片 剪辑 元 件 ， 命 名 为 “灯光 2”， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 一 个 如 
图 5. 45 所 示 的 形状 ， 返回“ 场景 1”。 





5.45 “灯光 2” 形 状 


SS》 新 建 影片 剪辑 元 件 ， 命 名 为 “汽车 1 闪 灯 ”， 进 入 元 件 编 辑 状态 ,将 “汽车 1” 元 
件 拖 到 舞台 上 ， 在 第 11 帧 处 搬入 一 个 关键 帧 ， 用 鼠标 右键 单 击 第 11 帧 处 ， 在 弹出 的 快捷 菜 
单 中 选择 “动作 ”， 在 “动作 窗口 ”的 命令 窗 格 中 输入 “stop( ) ;”。 

B555 新 建 一 个 图 层 ， 在 “图 层 2” 的 第 2 帧 处 插入 一 个 关键 帧 ， 将 “灯光 1” 元件 拖 到 
舞台 上 ， 调 整 元 件 实 例 的 位 置 和 大 小 ， 设 置 Alpha 值 为 0% ， 并 设置 发 光 滤 镜 ， 参数 设 置 如 
图 $. 46 所 示 。 

SO 在 “图 层 2” 的 第 5 帧 和 第 10 帧 处 分 别 插入 一 个 关键 帧 ， 调 整 第 $ 帧 处 的 元 件 实 
例 的 Alpha 值 为 100% ， 然 后 选中 第 1 帧 到 第 10 帧 之 间 的 所 有 帧 ， 用 鼠标 右键 单 击 ， 在 弹出 
的 快捷 菜单 中 选择 “创建 传统 补 间 动画 ”。 

B55V 新 建 “ 图 层 3”,， 在 “图 层 3” 的 第 2 帧 处 插入 一 个 关键 帧 ， 将 “灯光 2” 元 件 拖 
到 舞台 上 ， 调 整 元 件 实例 的 位 置 和 大 小 ， 和 Step15 和 Step16 一 样 设置 “灯光 2” 元 件 实例 
的 发 光 动 画 。 

SO 新 建 图 层 ， 选 中 “图 层 4” 的 第 一 帧 ， 通 过 属性 面板 设置 声音 名 称 为 “sound2”， 
返回 “场景 1”。 
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BBE55> 新 建 图 形 元 件 ， 命 名 为 “ 星 ”， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 一 个 如 图 5.47 
所 示 的 形状 ， 返回 “场景 1”。 








图 5.46 第 2 帧 处 “灯光 1” 元 件 实例 滤 镜 设置 图 5.47 “ 星 ” 形 状 


E37 新 建 影片 剪辑 元 件 ， 命 名 为 “闪光 动画 ”， 进 入 元 件 编辑 状态 ， 将 “ 星 ” 元 件 拖 到 
舞台 上 ， 在 第 33、34 、65 、66 、100 帧 处 分 别 插入 一 个 关键 帧 ， 选 中 第 1 帧 到 第 100 帧 之 间 
的 所 有 帧 ， 并 用 鼠标 右键 单 击 ， 在 弹出 的 快捷 菜单 中 选择 “创建 传统 补 间 动 画 ”。 选 中 第 1 
帧 和 第 66 帧 ， 打 开 “ 属 性 ”面板 ， 在 “ 补 间 ”选项 区 ， 设 置 旋转 为 “ 顺 时 针 ”。 选 中 第 34 
帧 ， 打 开 “ 属 性 ”面板 ， 在 “ 补 间 ”选项 区 ， 设 置 旋转 为 “ 逆 时 针 ”。 

SEO 新 建 “ 图 层 2”, 将“ 星 ” 元 件 拖 到 舞台 上 ,在 第 30、5$1、83 、84 、100 帧 处 分 别 
插入 一 个 关键 帧 ， 选 中 第 1 帧 到 第 100 帧 之 间 的 所 有 帧 ， 并 用 鼠标 右键 单 击 ， 在 弹出 的 快捷 
菜单 中 选择 “创建 传统 补 间 动画 ”"。 选 中 第 1 帧 ， 打 开 “ 属 性 ”面板 ， 在 “ 补 间 ”选项 区 ， 
设置 旋转 为 “ 顺 时 针 ”。 选 中 第 51 帧 ， 打 开 “ 属 性 ”面板 ， 在 “ 补 间 ”选项 区 ， 设 置 旋转 
为 “ 逆 时 针 ”。 返 回 “ 场 景 1”。 

SEO 新 建 图 形 元 件 ， 命名 为 “文本 ”， 进 入 元 件 编辑 状态 ， 在 舞台 上 输入 文本 ， 如 图 
5. 48 所 示 ， 人 返回“ 场景 1”。 











UIIC TK 


心 表 忆 远 志 行 千里 





图 5.48 “文本 ”元 件 里 的 文字 






车 司 第 一 行文 本 字体 为 “Trebuchet MS”， 第 二 行文 本 字体 为 “黑体 ”， 可 以 利用 
“任意 变形 ”工具 调整 文本 的 长 宽 比 。 


SEOZ9 新 建 图 形 元 件 ， 命 名 为 “ 遮 章 块 ” ， 进 入 元 件 编辑 状态 ， 在 舞台 上 绘制 形状 ， 如 图 
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5.49 所 示 ， 返 回 “ 场 景 1”。 





图 5. 49 “让 章 块 ”元 件 里 的 形状 


4. 制作 动画 
ES 将 “图 层 1” 重 命名 为 “汽车 1”， 在 该 图 层 的 第 24 帧 处 插入 一 个 关键 帧 ， 把 库 中 
的 “汽车 1” 元件 拖 到 舞台 上 ， 大 小 和 位 置 如 图 5. 50 所 示 。 在 “汽车 1” 图 层 的 第 48 帧 处 
插入 一 个 关键 帧 ， 调 整 “汽车 1” 元 件 实例 的 大 小 和 位 置 ， 如 图 5. 51 所 示 。 
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图 5. 50 “汽车 1” 图 层 第 24 帧 的 对 和 象 图 $.S1 “汽车 1” 图 层 第 48 帧 的 对 象 


ES 选中 第 24 帧 到 第 48 帧 之 间 的 任意 一 帧 ， 用 鼠标 右键 单 击 ， 在 弹出 的 快捷 沫 单 中 选 
择 “ 创 建 传统 补 间 动 画 ”。 在 “汽车 1” 图 层 的 第 108 帧 处 搬入 一 个 空白 关键 帧 ， 把 库 中 的 
“汽车 1 闪 灯 ”元 件 拖 到 舞台 上 ， 元件 实例 大 小 和 位 置 与 48 帧 处 的 “汽车 1” 元 件 实例 
相同 。 

ER 新 建 图 层 ， 重 命名 为 “汽车 2”， 把 库 中 的 “汽车 2” 元 件 拖 到 舞台 上 ， 调 整 元 件 
实例 大 小 和 位 置 ， 在 “汽车 2” 图 层 的 第 24 帧 处 插入 一 个 关键 帧 ， 调 整 “汽车 2” 元 件 实 
例 的 大 小 和 位 置 ， 在 第 1 帧 到 第 24 帧 之 间 创 建 传 统 补 间 动 画 ， 使 得 “汽车 2” 能 从 舞台 左 
上 和 角 开 到 舞台 下 方 ， 且 汽车 一 直 在 变 大 。 在 “汽车 2” 图 层 的 第 49 帧 处 搬入 一 个 空白 关键 
帧 ， 把 库 中 的 “汽车 2 内 灯 ” 元 件 拖 到 舞台 上 ， 元 件 实例 大 小 和 位 置 与 24 帧 处 的 “汽车 2” 
元 件 实例 相同 。 

RES” 新建 图 层 ， 重 命名 为 “车 标 ”， 在 该 图 层 的 第 35 帧 处 插入 一 个 关键 帧 ， 把 库 中 的 
“别克 ”元 件 拖 到 舞台 上 ， 调 整 元 件 实例 大 小 和 位 置 ， 在 “车 标 ” 图 层 的 第 48 帧 处 插入 一 
个 关键 帧 ， 把 该 帧 处 的 元 件 实例 辐 右 拖 搜 ， 改 变 车 标的 位 置 。 在 第 35 帧 到 第 48 帧 之 间 创 建 
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传统 补 间 动 画 。 

ESEP 用 鼠标 右键 单 击 “夺标 ”网 层 ， 在 弹出 的 快捷 沫 单 中 选择 “添加 传统 远 动 引导 
层 ”"”， 则 在 “车 标 ” 图 层 上 方 目 动 创建 一 个 名 为 “引导 层 : 车 标 ” 的 图 层 ， 在 该 图 层 的 第 
35 帧 处 搬入 一 个 关键 帧 ， 然 后 在 舞台 左上 角 处 用 铅笔 绘制 一 个 如 图 5. 52 所 示 的 路 径 。 














图 5.52 引导 层 中 的 路 径 


RY 调整 “车 标 ” 图 层 上 的 “ 别 元 ”元 件 ， 使 得 第 35 帧 和 第 48 帧 处 元 件 实例 的 中 心 
点 都 压 在 路 径 上 。 

7 新 建 一 个 图 层 ， 重 命名 为 “闪光 ”， 在 该 图 层 的 第 48 帧 处 插入 一 个 关键 帧 ， 把 库 
中 的 “闪光 动画 ”元 件 拖 到 舞台 上 ， 调 整 元 件 实例 大 小 和 位 置 ， 然 后 再 复制 一 个 元 件 实例 ， 
调整 位 置 。 歼 采 如 图 $. 53 所 示 。 
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图 5.53 “闪光 动画 ”元 件 实例 的 大 小 和 位 置 示意 


EBTB> 新 建 一 个 图 层 ， 重 命名 为 “文本 ”， 在 该 图 层 的 第 48 帧 处 插入 一 个 关键 帧 ， 把 库 
中 的 “文本 ”元 件 拖 到 舞台 上 ， 调 整 元 件 实例 大 小 和 位 置 。 

ESEZ3》 新 建 一 个 图 层 ， 重 命名 为 “ 遗 单 块 ” ， 在 该 图 层 的 第 48 帧 处 插入 一 个 关键 帧 ， 把 
库 中 的 “ 遮 单 块 ” 元 件 拖 到 舞台 上 ， 调 整 元 件 实例 大 小 和 位 置 ， 让 它 在 文本 的 左 侧 ， 在 
“ 谈 第 块 ” 图 层 的 第 108 帧 处 插入 一 个 关键 帆 ， 把 该 帧 处 的 元 件 实例 向 右 拖 搜 ， 改变 迟 单 块 
的 位 置 ， 使 得 遮 单 块 能 完全 遮 住 文本 。 在 第 48 帧 到 第 108 帧 之 间 创 建 传统 补 间 动 画 。 
SSJU 用 鼠标 右键 单 击 “ 所 和 单 块 ”图 层 ， 在 弹出 的 快捷 菜单 中 选择 “让 单 层 ”。 

SI 你 行文 档 ， 测试 影 














Flash 具有 强大 的 动画 绘制 功能 ， 利 用 Flash 几 个 
简单 的 工具 可 以 绘制 出 惟妙惟肖 的 动画 作品 ， 但 是 如 
果 想 让 一 个 惟妙惟肖 的 动画 更 深入 人 心 的 话 ， 那 么 美 
妙 动听 的 声音 是 必 不 可 少 的 。 通 过 本 章 的 学 习 ， 学 习 
者 可 以 轻松 地 将 声音 、 视 频 、 图 像 这 些 外 部 媒体 文件 ， 
融入 动画 中 ， 使 动画 充满 活力 。 


添加 声音 的 方法 

使 声音 与 歌词 同步 的 方法 
添加 视频 的 方法 
控制 视频 播放 的 方法 


Ee MN 网 
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《二 =iash 集成 媒体 文件 概述 


集成 媒体 文件 可 以 分 为 声音 、 图 像 、 视 频 。 

1. 声音 文件 

Flash 支持 的 声音 文件 格式 有 MP3、WAV 和 AIFF ( 仪 限 苹 果 电 脑 )， 但 不 支持 MIDI 文 
件 格 式 。MP3 格式 的 文件 是 经 过 压缩 的 声音 文件 ， 所 以 体积 小 ， 但 音质 好 。 这 对 于 追求 体 
积 小 、 音 质 好 ， 传 输 方 便 的 Flash 动画 来 说 ， 无 疑 是 最 理想 的 选择 。WAV 格式 微软 公司 开发 
的 一 种 声音 文件 格式 ， 它 没有 压缩 数据 ， 所 以 音质 一 流 ， 但 是 体积 较 大 ， 所 占 存 储 空间 大 ， 
这 一 缺点 使 它 的 应 用 受 限 。 AIFT 是 Apple 公司 开发 的 一 种 声音 文件 格式 ， 是 Apple 电脑 上 的 
标准 音频 格式 ， 属 于 QuickTime 技术 的 一 部 分 。 

在 Flash 中 ， 为 了 加 快 动画 的 网 络 传输 速度 ， 减 小 作品 所 占 的 存储 空间 ， 一 般 建 议 使 用 
MP3 格式 的 声 首 文件 。 

2. 图 像 文件 

在 Flash 中 可 导入 的 图 像 文 件 类 型 非常 丰 宣 ,但 总 体 可 分 为 两 大 类 ， 位 图 和 矢量 图 。 位 
图 具有 放大 吻 失 真 的 特点 ， 矢 量 图 具有 不 会 失真 旦 文件 较 小 的 特点 。 较 常用 的 图 片 格式 有 
. jpg、. bmp、. png、. gif 等 。jpg 格式 文件 是 一 种 压缩 文件 ， 应 用 广泛 。bmp 格式 的 文件 是 位 
图 格式 ， 无 压缩 ， 文 件 存 储 空间 大 ; png 格式 的 文件 是 背景 透明 图 像 ，gif 格式 的 文件 时 带 有 
帧 动画 的 图 像 文件 。 

在 Flash 中 可 以 根据 动画 的 需要 适当 的 选择 不 同类 型 的 图 像 文件 。 

3. 视频 文件 

在 Flash CS6 中 可 以 导入 的 视频 文件 格式 有 : FLV、F4V。F4V 是 继 FLV 格式 后 的 文 持 
H. 264 的 F4V 流 媒体 格式 。 它 和 FLV 的 主要 区 别 在 于 ，FLV 采用 的 是 H263 编码 ， 而 F4V 
则 支持 H. 264 编码 的 高 清晰 视频 。 

如 果 在 计算 机 上 装 有 QuickTime 软件 的 话 ， 还 可 以 导入 MOV 格式 的 文件 。 
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【案例 概述 】 

本 节 是 “圣诞 之 夜 ” 案 例 的 制作 。 本 案例 主要 讲解 如 何在 Flash 中 导入 声音 文件 ， 并 对 
音 文件 进行 编辑 和 控制 。 殖 果 如 图 6. 1 所 示 。 

【 实现 过 程 】 


1. 设置 “文档 属性 ” 
启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 710 x 400 像素 ， 背 景 为 白 
色 。 执 行 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 命名 为 “圣诞 之 夜 ”。 
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图 6.1 圣诞 之 夜 


2. 布置 舞台 场景 ， 并 添加 音乐 
EBP> 将 “图 层 1” 重 命名 为 “背景 ”。 执 行 “文件 ”一 "导入 ”一 “导入 到 舞台 ” 荣 单 命 
令 ,， 在 打开 的 “导入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “ 圣 诞 房子 
. png”“ 筋 键 . png”、“ 音 从. png”, 导入 并 摆 放 好 位 置 ， 如 图 6. 2 所 示 。 

















图 6.2 “背景 ” 层 
R57B> 执行 “文件 ”一 “导入 "一 “导入 到 | 
单 命令 ， 在 打开 的 “导入 ”对 话 框 中 选择 与 本 案例 。 局 这 
相对 应 的 素材 文件 夹 的 文件 “ 铃 儿 响 叮 当 . mp3” 
导入 到 库 。 新 增 图 层 “ 音 乐 "， 选 中 第 1 帧 ， 在 属 
性 面板 中 设置 声音 的 相关 参数 ， 如 图 6. 3 所 示 。 本 


EXP 新 增 图 层 “ 按 钮 " 。 选 择 第 1 帧 ， 执 行 
“文件 "一 导 人 ”一 "导入 到 舞台 ” 沫 单 命令 ， 在 打 
开 的 “导入 ”对 话 框 中 选择 与 本 案例 相对 应 的 系 材 图 6.3 声音 的 设置 


和 4EHz 羡 性 声 16 信 150.1 各 2... 
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文件 夹 的 图 片 “播放 首 乐 . png” 和 “ 俘 止 音乐 . png” 


声 的 动画 


导入 到 舞台 





置 。 同 时 ,将 “播放 首 乐 ”和 “ 集 止 首 所 ”按钮 转换 为 按钮 元 件 。 


双击 进入 “播放 音乐 ”按钮 元 件 中 ， 在 图 层 1 
的 “点 击 ” 处 插入 帧 。 新 建 图 展 2， 在 “ 按 下 ”处 
单 击 鼠 标 右 键 插入 空 日 关键 帧 ， 并 选择 此 帧 ， 在 属 
性 面板 的 声音 属性 中 设置 参数 见 图 6. 3。 

双击 进入 “停止 音乐 ”按钮 元 件 中 ， 在 图 层 1 


的 “点 击 ” 处 插入 帧 。 新 建 图 展 2， 在 “ 按 下 ”处 
单 击 鼠 标 右 键 插入 空 日 关键 帧 ， 并 选择 此 帧 ， 在 属 


性 面板 的 声音 属性 中 设置 参数 如 图 6. 4 所 示 。 

3. 测试 影片 

执行 “控制 ”一 “测试 影片 "一 “测试 ”命令 ， 
快捷 键 是 【 Ctrl + Enter】 ， 对 影 族 进行 测试 。 


【技术 讲解 】 


jE 
六 加 月 二 于 也 RS 
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音 和 图 片 的 导入 方法 使 类 似 的 ， 都 是 从 外 部 把 
文件 导入 到 Flash 中 ， 声 音 和 图 片 的 区 别 在 于 图 片 可 以 
在 舞台 上 看 到 ， 而 声音 则 看 不 到 ， 只 能 显示 在 时 间 轴 
上 ， 播 放 时 可 以 听 到 。 


执行 “文件 ”一 “导入 ”一 “导入 到 库 ” 命 令 ， 在 弹 
出 的 对 话 框 中 选择 要 导入 的 声音 文件 ， 将 所 选 文 件 导 
大 到 库 申 6 


要 将 声音 文件 从 库 添 加 到 文档 中 ， 可 以 把 声音 插 
入 到 层 中 ， 也 可 以 使 用 Action Script 3. 0 语句 来 调用 。 
这 里 ， 我 们 只 对 前 者 进行 详解 ， 建 议 将 声音 单独 放置 
一 屋 。 选 择 要 插入 声 首 的 图 层 的 第 1 帧 ,在 属性 面板 
中 选择 要 插入 的 声音 ， 如 图 6.5 所 示 。 


让 这 人 


动 添加 到 动画 作品 中 进行 播放 。 


文件 一 下 不 能 


6. 2. 2 音 文 件 的 编辑 
声音 属性 面板 中 参数 有 名 称 、 效 果 、 同 步 、 重 复 。 


1) 在 “名 称 ” 


名 称 : | 锭 J 有 RJ 当 .mp3 


AN 


， 摆 放 至 舞 合 右 下 角 位 


同步 ;| 纺 此 weeeeseeseeseeeeeessesees| ee 


重复 | = 


x 1 


4 kHz 立 性 声 二 位 150.1 种 2... 


图 6.4 “停止 按钮 ”声音 参数 设置 


类 型 : 


sm 声 者 


名 称 : | 输 几 JJ 当 -mp3 | 了 | :mp3 | 锥 几 JJ 当 -mp3 | 了 | 


和 立体 声 16 位 150.1 各 2... 


图 6.5 声音 属性 面板 


处 选择 要 添加 到 文档 中 的 声音 ， 如 图 6. 6a 所 示 。 
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2) 为 了 保持 声音 的 原 有 风格 ， 在 “ 效 末 ”下 拉 沫 单 〈( 见 图 6. 6b) 中 选择 无 ， 当 然 也 
可 以 选择 其 他 的 音效 。 

“无 ”; 不 对 声音 选项 应 用 效 泉 ， 选 择 此 项 将 删除 以 前 应 用 的 歼 采 。 

“ 左 声 道 ”A/“ 右 声 道 ”， 只 在 左 声 道 或 者 右 声 道 播放 声 首 。 

“ 癌 右 淡出 ”A“ 癌 左 淡出 ”: 会 将 声 首 从 一 个 声 违 切换 到 为 一 个 声 道 。 

“ 淡 入 ”A/“ 淡 出 ”在 声 首 持续 时 间 内 逐渐 增加 / 减 小 首 量 。 

目 定 义 : 允许 使 用 “编辑 封套 |B| ”创建 自 定 义 的 声音 淡 入 点 和 淡出 点 。 
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图 6.6 声音 属性 参数 





3)“ 同 步 ” 下 拉 沫 单 〈 见 图 6.6d) 可 以 设置 声音 在 播放 动画 时 的 同步 方式 ， 有 事件 、 
开始 、 人 何止、 数据 流 。 

“事件 ”: 使 声音 的 播放 和 事件 的 发 生 过 程 同 步 。 事 件 声 音 在 其 起 始 天 键 帧 时 开始 播放 ， 
并 独立 于 时 间 轴 完整 播放 ， 即 使 SWF 文件 停止 播放 ， 声 音 也 会 继续 下 去 。 事 件 声 音 币 用 于 
用 户 单 击 按钮 时 播放 的 声音 ， 如 采用 户 二 次 单 击 按钮 ， 则 第 一 段 声 音 持续 播放 ， 第 二 段 声音 
开始 播放 ， 这 样 会 造成 声音 的 混杂 。 

“开始 ”; 与 “事件 ”功能 类 做 ， 但 不 同 的 是 ， 如 果 声 音 已 经 在 播放 ， 则 新 声音 不 会 播 
放 ， 如 此 便 不 会 造成 声音 的 混杂 播放 。 

“ 集 止 ”; 保 止 播放 指定 的 声音 。 

“数据 流 ”: 与 “事件 ”声音 不 同 ， 选 择 此 项 ， 音 频 将 随 厦 SWF 文件 的 俘 止 而 俘 止 ， 而 
且 音 频 流 的 播放 时 间 绝 对 不 会 比 帧 的 播放 时 间 长 。 一 般 在 制作 MV 时 会 选择 “数据 流 ”， 保 
持 声 首 和 动画 的 同步 。 

本 案例 中 ， 动 画 就 一 帧 ， 但 又 布 望 声音 能 持续 播放 ， 故 选择 我 们 选择 的 是 “事件 ” 声 
音 类 型 。 


4)“ 重 复 ” 即 声音 播放 模式 ， 可 以 选择 重复 播放 或 者 循环 播放 ， 也 可 以 设置 重复 播放 
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的 次 数 ， 如 图 6. 6d 所 示 。 不 建议 设置 循环 播放 ， 如 果 将 声音 流 设 置 为 循环 播放 ， 帧 就 会 添 
加 到 文件 中 ， 文 件 大 小 束 会 根据 声 首 循环 播放 的 次 数 而 倍增 。 


A 设置 输出 的 音频 


音频 的 采样 率 和 压缩 率 对 动画 的 声音 质量 和 文件 大 小 起 着 决定 性 作用 。 压 缩 率 越 大 ， 采 
样 率 越 低 ， 声 音 文 件 的 体积 就 越 小 ， 同 时 ， 声 音 文件 的 质量 也 更 差 。 在 输出 音频 文件 时 ， 可 
根据 实际 需要 对 其 进行 修改 。 如 有 果 一 味 地 追求 首 质 ， 则 可 能 会 使 动画 显得 爱 有 种， 影响 下 载 。 
为 音频 设置 输出 属性 的 具体 操作 如 下 : 

1) 按 【Fl11】 键 打开 “ 库 ” 面 板 。 

2) 用 鼠标 右键 单 击 要 输出 的 音频 文件 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ”， 打 开 “ 声 


首 属性 ”对 话 框 ， 如 图 6.7 所 示 。 
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图 6.7 “声音 属性 ”对 话 框 
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3) 在 “压缩 ”下 拉 列 表 中 可 以 设置 该 音频 文件 的 输出 属性 。 可 选择 的 音频 输出 压缩 方 
法 有 4 种 : ADPCM ( 目 适 应 首 频 脉冲 编码 )、MP3 、Raw 、 语 音 。 


.3 制作 ` 新 年 好 ”音乐 动画 





【 案例 概述 】 

本 市 是 “新 年 好 ” 冯 乐 动画 案例 的 制作 。 本 案例 主要 讲解 在 之 前 导入 声音 的 基础 
上 ， 如 何 根据 音乐 制作 动画 和 歌词 ， 并 使 动画 和 歌词 同步 。 其 部 分 效果 图 如 图 6.8 
J 
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图 6.8 “新 年 好 ”部 分 效果 图 


【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文 档 大 小 为 550 x 400 像素 ,背景 为 白 
色 。 执行“ 文件 ”一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 命名 为 “新 年 好 ”。 

2. 插入 声音 

执行 “文件 ”一 “导入” 一 “导入 到 库 ” 采 单 命令 ， 在 打开 的 “守信” 对 话 框 中 选择 与 本 
案例 相对 应 的 际 材 文件 夹 的 文件 “新 年 好 . mp3” 导 入 到 库 。 

将 “图 层 1” 重 命名 为 “音乐 ”"。 选 择 第 1 帧 ， 在 声音 属性 面板 中 名 称 选 择 “ 新 年 好 . 
mp3”， 同 步 方式 设置 为 “数据 流 ”， 如 图 6. 9 所 示 ， 将 时 间 线 拖 动 到 第 278 帧 处 ， 单 击 鼠 标 
右键 选择 “搬入 帧 ”。 

3. “背景 ” 层 的 制作 
E59 新建 “图 层 2” 重 命名 为 “背景 *"。 按 
【 Enter】 键 ， 通 过 不 断 地 播放 音频 文件 ， 为 每 句 歌 


























词 添 加 关键 帧 。 分 别 在 第 22 帧 、 第 55 帧 、 第 88 YY 

上 帧 、 第 158 帧 、 第 194 帧 、 第 231 帧 、 插 入 空白 关 gi | 
键 帧 ， 然 后 在 第 278 帧 处 插入 帧 。 2 
ES 选择 第 1 帧 ,使 用 和 矩形 工具 绘制 大 小 为 TEST 

550 x400 像素 的 矩形 ， 删 除 边框 ， 使 用 “颜料 桶 ” = 
工具 进行 径 向 渐变 填充 ， 中 心 颜 色 设置 为 上 区 
“#F50019”， 外 部 颜色 设置 为 “#SB0006”， 使 用 全 立体 声 1 位 115 各 18. 

“对 齐 ” 工 具 ， 使 其 与 舞台 中 心 对 齐 。 图 6.9 “新 年 好 ”声音 属性 的 设置 


ER 基 选择 第 22 帧 ， 使 用 “钢笔 ”"“ 铬 笔 ” 等 
工具 绘制 出 背景 ， 使 用 “对 齐 ” 工 具 使 其 与 舞台 中 心 对 齐 ， 然 后 使 用 路 径 动 画 ， 制 作出 雪 
花 球 落 的 效果 ， 如 图 6. 10 所 示 。 
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6.10 第 22-54 帧 处 的 背景 


ES 选择 第 22 帧 右键 选择 “复制 帧 ”， 在 第 5$ 帧 处 右键 选择 “复制 帧 ”， 将 第 22 帧 的 
内 容 复 制 到 第 55 帧 处 。 
BH 同样 将 第 22 帧 处 的 内 容 复制 到 第 88 帧 。 选 择 第 88 帧 ， 执 行 “ 文 件 ” 一 导入” 一 
“导入 到 舞台 ”菜单 命令 ， 在 打开 的 “导入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 
图 片 “ 圣 诞 树 . png”、“ 铃 销 . png”， 将 其 放置 在 舞台 的 左下 角 。 这 里 可 以 为 “ 铃 销 . png 制 
作 简 单 的 旋转 动画 ”， 并 转化 为 影片 剪辑 。 
RB7P> 同样 将 第 22 帧 处 的 内 容 复 制 到 第 158 帧 ， 并 删除 图 片 “ 圣 诞 树 . png”。 
ES7IO 将 第 22 帧 处 的 内 容 复制 到 第 195 帧 。 
STB> 选择 第 231 帧 ， 执 行 “ 文 件 ” 一 “导入 ”一 “导入 到 舞台 ”菜单 命令 ， 在 打开 的 “时 
入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “happy. jpg”， 保持 其 大 小 纵横 比 ， 
使 其 与 舞台 顶端 对 齐 。 

4. “动画 ” 层 的 制作 

新 建 “ 图 层 3” 重 命名 为 “动画 ”。 
RE5P> 选择 第 1 帧 ， 执 行 “ 文 件 ” 一 “ 导 和 人 ”一 “导入 到 舞台 ”菜单 命令 ， 在 打开 的 “ 导 
入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 中 图 片 “新 年 好 . png”、“ 过 大 年 . png” 和 
“小 孩 . png”， 并 将 其 摆 放 至 合适 的 位 置 ， 然 后 使 用 工具 箱 中 的 工具 绘制 出 一 个 灯笼 ， 并 进 
行 复制 和 缩放 ， 如 图 6. 11 所 示 。 然 后 为 “女孩 . png” 设 置 简 单 动画 ， 在 第 21 帧 处 插入 帧 。 
ES 选择 第 22 帧 ， 使 用 工具 箱 中 的 工具 绘制 出 一 个 女孩 和 雪人 。 因 为 要 为 女孩 做 
动画 ， 故 在 绘制 女孩 时 ， 应 该 将 女孩 的 头 部 、 有 骆 膊 、 身 体 、 腿 部 等 转换 成 单独 的 图 形 
元 件 ， 然 后 为 其 设置 动画 ， 最 后 将 其 转换 成 影片 剪辑 ， 摆 放 至 舞台 的 右 下 方 ， 如 
图 6. 12 所 示 。 

雪人 的 制作 亦 是 如 此 ， 先 绘制 出 一 个 雪人 ， 然 后 复制 两 个 ， 分 别 为 其 设置 动画 和 更 改 
颜色 ， 并 将 其 转 成 影片 剪辑 ， 摆 放 至 舞台 的 下 方 ， 如 图 6. 12 所 示 。 之 后 在 第 87 帧 处 
插入 帧 。 

















选择 第 88 帧 ， 执行“ 文件 ”一 “导入 ”一 “导入 到 舞台 ”这 单 命令 ,在 打开 的 “ 导 
入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “ 圣 诞 老人 . png”， 将 其 导入 到 舞 
台 ， 放 置 舞 台 的 右边 ， 然 后 在 第 157 帧 处 插入 关键 帧 ， 并 将 “圣诞 老人 . png” 移 动 到 舞台 
的 左边 ,右键 单 击 中 间 的 任意 一 帧 ， 选 择 “ 传 统 补 间 动 画 ”， 动画 效果 截图 如 图 6. 13 
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6.13 第 88 ~1S7 帧 动画 截图 


ES 选择 第 158 帧 ， 执 行 “文件 "一 “导入 "一 “导入 到 舞台 ”菜单 命令 ， 在 打开 的 “ 导 
入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “ 铃 销 .png”、“ 树 叶 . png”、 
“小 庇 . png”“ 小 能 . png”“ 雪 花 . png” “礼物 . png”， 将 其 导入 到 舞台 ， 放 置 舞台 的 上 
边 〈 注 意 : 最 好 是 摆 放 的 高 度 稍 有 落差 ) ， 然 后 选择 第 230 帧 插入 关键 帧 ， 用 鼠标 右键 单 击 
中 间 的 任意 一 帧 ， 选 择 “传统 补 间 动 画 ”， 动 画 效 果 和 截图 如 图 6. 14 所 示 。 








6.14 第 158 ~ 230 帧 动画 截图 


5. 添加 歌词 
ETP> 新 建 “ 图 层 4” 重 命名 为 “歌词 ”"。 选 择 第 22 帧 ， 使 用 “文本 工具 ”输入 “新 年 
好 呀 ” ， 设 置 文本 的 大 小 为 23、 隶 书 ， 摆 放 至 舞台 的 下 方 。 
ED7 因 在 第 88 帧 处 搬入 空白 关键 帧 ， 输 入 文字 “祝融 大 家 新 年 好 ”， 摆 放 至 舞台 的 下 方 ， 
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在 第 157 帧 处 插入 帧 。 

ES 在 第 158 帧 处 搬 和 人 空白 关键 帧 ， 输 入 文字 “我 们 唱歌 ” ， 摆 放 至 舞台 的 下 方 ， 在 第 
193 帧 处 插入 帧 。 

而?P> 在 第 194 帧 处 搬 和 人 空白 关键 帧 ， 输 入 文字 “我 们 跳舞 ”， 摆 放 至 舞台 的 下 方 ， 在 第 
230 帧 处 插入 帧 。 

ES 在 第 231 帧 处 插 和 人 空白 关键 帧 ， 输 入 文字 “祝贺 大 家 新 年 好 !”， 摆 放 至 舞台 的 下 
方 ， 在 第 278 帧 处 插入 帧 ， 如 图 6. 15 所 示 。 














6.15 歌词 标记 


6. 测试 影片 
执行 “控制 ”一 “测试 影片 ”一 “测试” 命令， 快捷 键 是 【Ctrl + Enter] ， 对 影片 进行 测试 。 


【技术 讲解 】 


歌词 和 音乐 同步 设置 技巧 











右 需 要 歌词 与 声 音 同 步 ， 则 必须 将 声音 文件 的 同步 方式 设置 为 数据 流 ,， 按 【Enter】 键 
可 以 实时 的 播放 声 首 ， 并 在 每 一 句 歌 词 的 关键 帧 处 插入 空白 关键 帆 ， 输 入 相对 应 的 歌词 。 





A 建议 : 歌词 和 声音 放置 于 不 同 的 图 层 上 。 





动画 和 音乐 的 同步 设置 技巧 


设置 歌词 和 音乐 同步 就 是 为 对 应 的 首 乐 制作 不 同 的 动画 ， 以 达到 相互 呼应 。 建 议 动画 单 
独 放置 一 层 ， 方便 管理 。 

在 动画 层 ， 以 歌词 层 的 关键 帧 作为 参考 ， 为 动画 层 在 对 应 的 帧 处 插入 空白 关键 帧 ， 并 制 
作 相应 的 动画 。 
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【 案例 概述 】 
本 市 是 “少林 倪 与 武当 狗 ” 案 例 的 制作 。 本 案例 主要 讲解 如 何在 Flash 中 导入 视频 文 
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件 ， 并 通过 按钮 对 视频 文件 进行 播放 、 暂 俘 、 停 止 的 控制 。 其 部 分 效 末 如 网 6. 16 所 示 。 





图 6. 16 “少林 免 与 武当 狗 ” 动漫 短片 效果 图 


【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 550 x 400 像素 ， 背 景 为 白 
色 。 a “文件 ”一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 命名 为 “少林 免 与 武当 猎 ”。 

. 导入 视频 

， “图 层 1” 重 命名 为 “视频 ”。 选 择 第 1 帧 ， 执 行 “文件 ”一 导入 ”一 “导入 视频 ” 
命令 ， 打 开 “ 导 入 视频 ”对 话 框 ， 单 击 文件 路 径 后 面 的 _ 浏览.，| 按 钮 ， 选 择 要 导入 的 视频 文 
件 “ 人 少林 免 与 武当 狗 . flv”， 并 选择 “在 SWF 中 艇 入 FLV 并 在 时 间 轴 中 播放 ”， 如 图 6.17 所 
示 。 然 后 单 击 “ 下 一 步 ” 默 认 选 项 ， 直 到 “完成 ”。 导 入 完成 后 ， 视 频 直 接 出 现在 舞台 上 ， 
并 在 第 1220 帧 结束 。 





选择 视频 


您 的 视频 文件 在 哪里 ? 
名 在 您 的 计算 机 上 : 
立 伯 路径: 
D:Wflash 忆 (第 六 章 悄 林 免 与 功 去 狗 \ 悄 林 免 与 武当 狗 .flv 
吕 使 用 播放 组 件 加 载 站 部 视频 
凶 在 SWF 中 髓 入 FLV 并 在 时 间 轴 中 播放 
〇 作为 捆 绪 在 SWF 中 的 移动 设备 视频 导入 
局 已 经 部 署 到 Web 服务 器 ，Flash Video Streaming Service 或 Flash Media Server: 


URL: | 








示例 : 才 人 ee rectory/video fly 
piiimydo com directory/video.xml 





警 肯 :嵌入 式 视 频 可 能 引起 音频 同步 问题 。 这 种 导 上 视频 的 方法 芭 建 说 用 于 没有 音频 打道 的 较量 的 视频 部 邦 。 
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6. 17 “导入 视频 ”对 话 框 





Yh | 
| 


天 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


3. 布置 主场 景 
REP 新 增 “ 背 录 ” 层 置 于 “视频 ” 层 的 下 方 ， 导 人 图 片 素材 “背景 . jpg” 和 “例子 
. png” 至 舞台 ， 调 整 好 大 小 和 位 置 ， 如 图 6. 18 所 示 。 
E 瑟 3 新 增 “ 电 视 ” 层 置 于 “视频 ” 层 的 上 方 ， 导 入 图 片 素材 “电视 机 . png” 至 舞 合 ， 
调整 好 大 小 和 位 置 ， 如 图 6. 19 所 示 。 











6.18 “背景 ” 层 6.19 “电视 ” 层 


IST 新 增 “按钮 " 层 ( 见 图 6. 20) 置 于 “电视 ” 层 的 上 方 ， 然 后 执行 “窗口 "一 “公用 
库 ” 一 “Buttons” 命 令 ， 打开“ 外 部 库 ” 对 话 杠 ， 如 图 6.21 所 示 ， 在 “playback flat” 文 件 
夹 中 将 “flat blue play”、“flat blue pause”、“flat blue stop” 三 个 按钮 直接 拖 搜 到 舞台 上 ， 捍 
放 好 位 置 ， 并 分 别 将 三 个 按钮 实例 命名 为 : play_btn 、pause_btn 、stop_btn。 


classicbuttons 

本 EE playbackflat 
Flatblueback 
昌 ) flatblueforward 
曲 flatblue pause 


| 0 flatblueplay 
AT 申 ) flatblue stop 

人 的 ) flat grey back 
see 曲 ) flatgreyforward 
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4. 按钮 控制 
新 增 图 层 “actionscript”， 在 第 1 帧 处 添加 脚本 ， 为 play_btn 、pause_btn 、stop_btn 添加 
事件 监听 右 ， 并 建立 对 应 的 函数 ， 如 图 6. 22 所 示 。 





村 志 到 动作 | 起 才 ES 欧 ae 
月 二 w 主 旬 缀 计 甘 某 四 四 7 国 目 人 上 断 以 





T 





ee play_btn. addEventListernert"click", playviden): 
| 人 function playvideo levt:MouseEvent; | 

ES this. playv().: 

| } 

|15 pause btn.addEventListener(" click”,pauseviden).: 
6 function pausevideotevt :NouseEwvent) 

上 this. stopt). 

| 8 

| 9 stop_btn. addEwentListenert" click", stopvideo). 
ll function stopvideo tevt:MouseEvent) | 

| 二 this. eotoindSstop (1) : 

[12 } 

回 Aartionscript - 1 澡 
第 12 行 【 共 12 行 3 ， 第 了 列 








图 6.22 第 1 帧 脚本 代码 


5. 测试 影片 
执行 “控制 "一 “测试 影片 ”一 “测试 ”命令 ， 快 捷 键 是 【 Ctl + Enter] ， 对 影片 进行 
测试 。 


【技术 讲解 】 


A 导入 视频 的 方法 


Flash 所 支持 的 视频 文件 格式 为 FLV 和 F4V， 如 果 视 频 格式 不 正确 ， 可 以 使 用 专业 的 格 
式 转 换 软 件 将 视频 文件 转换 为 FLV 或 者 F4V 格式 。 

Flash 的 视频 有 骸 入 式 和 渐进 式 两 种 . 舱 入 式 是 全 部 下 载 完 成 后 播放 ; 渐进 式 是 采用 流 
播放 ， 而 且 具 有 更 多 的 控制 属性 。 在 Flash 的 “导入 视频 ”对 话 框 中 ,除了 有 导入 在 手机 中 
播放 的 视频 选择 “作为 拥 绑 在 SWF 中 的 移动 设备 视频 导入 ”选项 之 外 ， 还 有 “使 用 播放 组 
件 加 载 外 部 视频 ”和 “在 SWF 中航 入 FLV 并 在 时 间 轴 中 播放 ”两 种 方法 ， 如 图 6. 23 所 示 。 
本 案例 采用 的 是 第 二 种 方法 。 

1)“ 使 用 播放 组 件 加 载 外 部 视频 ”是 属于 渐进 式 视 频 下 载 。 使 用 此 种 方法 ， 可 以 直接 
选择 播放 视频 的 外 观 ， 当 视频 插入 完成 ， 可 以 看 到 Flash 文档 中 已 经 有 了 视频 外 观 的 组 件 ， 
并 且 可 以 调整 外 观 的 大 小 。 测 试 影 族 时 ， 播 放送 上 的 按钮 可 以 直接 对 视频 文件 进行 控制 
操作 。 

使 用 此 种 方法 导入 的 视频 ， 并 未 真 的 导入 到 Flash 源 文件 中 ， 导 入 之 后 “ 库 ” 中 只 有 一 
个 视频 控制 组 件 ，FLV 格式 的 视频 仍 在 外 部 ， 所 以 测试 起 来 速度 非常 快 ， 视 频 的 播放 通过 组 
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件 来 完成 。 


2)“ 在 SWF 中 能 入 FLYV 并 在 时 间 轴 中 播放 ”是 属于 般 入 式 视频 下 载 ， 一般 这 种 格式 主 








要 用 于 在 本 地 计算 机 上 播放 。 本 案例 采用 此 种 方法 导入 视频 ， 视 频 系 材 就 真正 叶 入 到 了 了 
Flash 源 文件 中 ， 每 次 测试 速度 很 慢 。 这 种 方式 也 不 适合 对 较 长 视频 进行 编辑 ， 奢 要 对 视频 
的 播放 进行 控制 ， 可 通过 动作 脚本 来 实现 。 





TT | 


选择 视频 


您 的 视频 文件 在 哪里 
多 在 您 的 计算 机 上 : 
文件 路 径 ; 
Di:Wlash 忆 第 六 章 人 少林 免 与 功 去 狗 收 林 旬 与 武当 独 flv 
总 使 用 播放 诅 件 加 载 外 部 视频 
心 在 SWF 中 肉 六 FLV 并 在 时 间 轴 中 播放 
品 作 汶 捆 闭 在 SWF 中 的 移动 设备 视频 导 ,、 


站 已 经 部 署 到 Web 服务 器 、，FlashVideo Streaming Service 或 Flash Media Server: 





URL: | 





示例 : http:jjmydomain.comjdirectoryjvideo ,fly 
tmp:iimydomain.comidirectory/video .xml 
豆 肖 : 髓 涉 式 视频 可 能 引起 音频 同步 问题 。 这 种 导 尺 视 频 的 方法 慨 建 说 用 于 没有 音 上 关 轨道 的 较 短 的 视频 剪辑 。 
了 了 和解 典 六 式 视 频 
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职 汉 


图 6. 23 “导入 视频 ”对 话 框 








解 


技巧 : 如 果 采 用 第 二 种 方法 导入 视频 到 Flash 文档 中 ， 但 是 在 舞台 上 ， 视 频 显 示 
RS 
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为 黑色 ， 不 显示 画面 ， 而 在 本 地 计算 机 上 ， 该 视频 文件 又 可 以 正常 播放 。 在 这 种 
情况 下 ， 只 需要 将 该 视频 文件 采用 专业 的 格式 转换 工作 重新 进行 格式 转换 即 可 。 


”29 时 间 轴 函数 控制 视频 的 回放 


本 案例 中 用 到 的 动作 脚本 函数 为 时 间 轴 控制 函数 ， 这 些 函 数 将 在 第 7 革 中 进行 详细 的 讲 
这 里 只 对 脚本 的 含义 做 简要 的 说 明 。 

1 ) stop( ) 表 示 证 添加 脚本 的 对 旬 保 止 动画 。 

2) Play( ) 表示 让 添加 脚本 的 对 象 开 始 动画 。 

3) gotoAndStop (1) 表示 让 添加 脚本 的 对 象 跳 转 到 第 1 帧 ， 并 停止 播放 动画 。 

4) nextFrame( ) 表示 让 添加 脚本 的 对 象 跳 转 到 下 一 幅 。 

5) prevFrame( ) 表示 让 添加 脚本 的 对 象 跳 转 到 上 一 帧 ， 

对 视频 的 控制 ， 会 用 到 时 间 轴 控制 函数 来 进行 控制 ， 具 体 参考 7. 2. 2 广内 容 。 
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本 案例 对 Flash 影片 进行 了 测试 ， 主 要 目的 是 为 了 碍 看 在 本 地 计算 机 和 网 络 上 的 播放 效 
末 ， 如 查看 在 本 地 计算 机 上 的 播放 效 末 是 否 与 预期 的 一 样 、Flash 影片 的 大 小 是 否 合 适 、 能 
否 在 网 络 环境 下 顺畅 地 播放 等 。 在 测试 完成 之 后 ， 如 采 测 试 效 末 不 理想 ， 则 在 输出 作品 前 可 











以 对 影片 进行 进一步 的 优化 。 


We 有 时 优化 会 使 动画 效果 有 所 减弱 ， 所 以 要 在 保证 动画 效果 不 变 


的 基础 上 进行 优化 。 








对 Flash 影片 进行 测试 和 优化 后 ， 还 需要 使 作品 在 传输 媒体 上 可 用 ， 这 就 需要 Flash 的 
发 布 。 发 布 的 方法 有 三 种 : 将 动画 能 入 网 页 、 在 网 络 上 传输 和 播放 、 直 接 使 用 Flash 制作 网 


站 或 者 网 页 等 。 

1) 将 动画 能 入 网 页 。 先 将 动画 导出 或 者 
发 布 为 . swf 或 者 . html 格式 ， 然 后 在 制作 网 
页 时 ， 使 用 Dreamweaver 或 者 FrontPage 将 
Flash 梭 入 网 页 中 。 

2) 在 网 络 上 传输 和 播放 。 先 将 动画 导出 
或 者 发 布 为 .swf 格式， 然后 再 上 传 到 网 络 上 。 

3) 下 接 使 用 Flash 制作 网 站 或 者 网 页 。 
将 动画 发 布 为 . html 也 是 的 网 页 。 

“. swf” 和 “. html” 是 最 常用 的 两 种 格 
式 。. swf 格式 的 文件 可 以 在 测试 时 得 到 ， 即 
按 组 合 键 【 Ctrl + Enter】 获 得， 而 . html 格式 
的 文件 只 能 通过 发 布 获得 。 执 行 “ 文 件 ” 一 
“发 布设 置 ” 采 单 命令 ， 可 以 进行 发 布 淋 单 的 
参数 设置 ， 如 图 6. 24 所 示 。 

设置 完成 后 ， 执 行 “ 文 件 ” 一 “发 布 ” 亲 
单 命令 ， 可 以 将 Flash 影片 发 布 成 为 需要 的 格 
式 ， 存 放 在 与 Flash 源 文件 相同 的 文件 夹 中 。 

















配置 辫 件 人 R): | 默认 | 二 阅 目标 (7T): | Flash Player 11.2 |= 








加 Mac 放 映 交 件 














脚本 {5): | Actionscript 3.0 I™ 








器 覆盖 声音 设置 (v) 
回 导出 设备 声音 (U) 


高 级 


落 压缩 影片 {Cc)| Deflate |] 
包括 了 这 图 层 们 

藻 包 括 XMP 元 数据 09 所 

口上 生成 去 小 报 洁 (6) 

回 ] 省 略 trace 语句 (7) 

回 欧 许 调 语 冲 ) 

口 防 止 导入 {MY 

杜 取 ; 














脚本 时 间 限 制 {E): 15 秘 
本 地 播放 安全 性 ; 


只 芒 加 本 地 次 人 忻 | 





硬件 加 速 ; 
于 





| Rn 


图 6.24 发 布设 置 





相对 于 传统 的 Flash 动画 ， 可 交互 式 动画 可 以 使 
用 户 与 动画 之 间 进 行 鼠 标 、 键 盘 等 交互 操作 ， 以 达到 
某 种 操作 目的 ， 这 些 可 交互 的 实现 必须 依靠 Flash 内 
置 的 脚本 语言 ActionSctipt 3.0 来 实现 ，Flash 中 提供 了 
丰富 的 函数 和 语句 来 供 使 用 。 


AS3. 0 语言 的 语法 规范 


按钮 事件 以 及 事件 轴 控 制 函 数 
的 使 用 方法 


条 件 语句 的 使 用 方法 
鼠标 控制 函数 的 使 用 方法 
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ActionScript 3. 0 简介 





ActionScript 是 Flash 内 置 的 脚本 语言 ， 它 是 一 种 编程 语言 ， 通 过 ActionSeript 编写 程序 ， 
可 以 实现 Flash 中 交互 式 动画 的 制作 。 早 期 的 ActionScript 只 有 几 个 不 多 的 函数 来 进行 影片 的 控 








制 ， 随 大 Flash 在 网 络 上 的 迅速 普及 ， 它 不 仅仅 不 被 作为 网 络 动画 在 使 用 ， 而 且 逐 潮 被 应 用 到 
复杂 的 网 络 交 互 程序 以 及 网 络 游戏 上 ， 这 就 需要 ActionScript 有 更 多 的 功能 来 满足 其 需求 ， 故 
Flash 的 每 次 升级 都 会 市 来 ActionScript 的 升级 ， 从 ActionScript 1.0、 2.0 到 | ActionScript 3. 0。 

而 ActionScript 3. 0 诞生 于 Flash CS3 时 代 ,， 在 Flash CS4 中 更 加 完善 。 与 前 两 个 版 本 不 
同 ，ActionScript 3. 0 是 面 回 对 象 的 编程 语言 具有 代码 整洁 、 扩 展 性 强 、 有 大 量 优 秀 的 设计 
模式 、 便 于 团队 协作 、 便 于 二 次 开发 等 优点 ， 担 负 春 前 台 应 用 和 后 台数 据 之 间 相 互联 系 的 任 
务 ， 是 实现 交互 功能 的 核心 。 基 强大 功能 的 类 管理 相对 于 之 前 的 版 本 ， 更 为 合理 、 清 晰 ， 对 
于 没有 编程 基础 的 读者 和 游戏 设计 者 来 说 ， 学 习 起 来 简单 、 吻 懂 。 

在 编译 执行 方面 ，ActionScript 由 Flash Player 中 的 ActionScript 虚拟 机 Action Virtual Ma- 
chine (AVM) 来 解释 执行 。 ActionScript 语 人 句 要 通过 Flash 编译 环境 或 者 Flex 服务 天 将 其 编 
译 成 二 进 制 代码 格式 ， 然 后 成 为 SWF 文件 中 的 一 部 分 ， 被 Flash Player 执行 。 这 就 意味 者 ， 
Flash Player 具有 强大 的 蜂 平 台 性 ， 任 何平 台 只 要 磐 套 Flash Player 就 可 以 轻松 的 播放 SWF 文 
件 中 的 内 容 ， 在 当下 众多 网 站 和 网 络 游戏 中 ， 都 会 见 到 Flash 的 影子 。 

在 Flash CS6 中 ,执行 “ 窗 口 " 一 “动作” 且 单 命令 ,或 者 按 【F9】 键 ,打开 “动作 面 
板 ”， 可 以 在 动作 窗口 中 创建 ActionScript 脚本 。 动 作 面板 是 一 个 功能 强大 的 ActionScript 代 
码 编辑 入， 集合 了 诸如 代码 提示 、 目 劲 僚 用 代码 格式 、 碍 找 符 换 、 脚 本 助手 等 多 项 功能 。 
ActionScript 1.0、2. 0 的 脚本 是 写 在 元 件 上 的 ， 而 ActionSeript 3.0 的 脚本 能 写 在 帧 上 上， 并且 
需要 通过 对 元 件 建 立 相 应 监听 和 项， 通过 冰 数 来 控制 影片 ， 使 编程 过 程 更 为 规范 化 。 




















制作 “数学 课件 一 一 找 空 队 ”案例 





【 案例 概述 】 


本 案例 是 “ 找 空 际 ”， 源 于 小 学 四 年 级 植树 问题 ,分 三 种 不 同 的 情况 ， 让 学 习 者 总 结 标 
数 与 间隔 之 间 的 关系 。 主 要 用 到 按钮 事件 以 及 时 间 轴 控制 函数 的 使 用 。 通 过 本 案例 的 学 习 ， 
学 习 者 可 以 掌握 如 何 利用 按钮 ， 控 制 场景 的 帧 切换 。 效 末 如 网 7. 1 所 示 。 


腿 疾 手 快 E <sR J | 
“人 人 人 全 全 et 二 
是 平分 布 的 ， 也 本 以 不 平分 布 . 在 这 -关上 加 上 上 加 恩 
中 ， 同 学 们 需要 在 没有 时 间 的 限制 的 情况 下 ， 


空隙 全 部 正确 找 出 ， 才 能 进行 下 一 幅 
幅 图 。 当 同学 们 把 所 有 图 中 的 空隙 全 请 回答 ， 上 图 中 一 共有 


图 二 关 三 
部 正确 找 出 ， 游 戏 系统 则 允许 进入 下 一 关 。 


果 上 图 中 一 共有 20 棵 树 ， 那 么 


-2 如 
品 @ 请 回答 ， 上 图 中 一 共有 [ ”| 个 间隔 
gr J 





























图 7.1 找 空隙 
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【 实现 过 程 】 


1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设置 文 档 大 小 为 1024 x768 像素 ,背景 为 白 
色 。 执行“ 文件 ”一 “保存 ” 羔 单 命令 ， 将 新 文档 保存 ， 命 名 为 “ 找 空 际 ”， 并 保存 。 

2. 布置 舞台 场景 
E35 将 “图 层 1” 重 新 命名 为 “背景 1”。 选择 第 1 帆 ， 执行“ 文件 ”一 “ 导 人 ”一 “ 导 人 到 
舞台 ” 菜单 命令 ， 在 打开 的 “导入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “ 青 
景 1. jpg”， 设 置 图 片 与 舞台 大 小 相等 ， 使 用 对 齐 工 具 使 其 舞台 中 心 对 齐 ， 在 第 4 帧 处 插入 帧 。 
ES7 参 新 增 “ 图 层 2”， 重 新 命名 为 “ 硝 景 
2" 选择 第 2 帧 ， 单 击 鼠 标 右键 选择 ， “插入 
空 归 关键 帆 ”, 执行 “文件 ”一 “ 导 人 ”一 “ 导 
人 到 舞台 ”菜单 命令 ， 在 打开 的 “导入 ”对 
0 
图 片 “ 背 景 2. jpg”, 设置 其 大 小 950 x 635 ， 
如 图 7.2 所 示 ， 使 用 对 齐 工具 使 其 人 舞台 中 心 
对 齐 ， 在 第 4 帧 处 插入 帧 。 
ES 新 增 “ 图 层 3”， 重 新 命名 为 “图 ”。 
选择 第 2 帧 ， 单 击 鼠 标 右键 选择 ， ‘插入 空 日 
关键 帆 ”, 执行 “文件 ”一 “守信 ”一 “导入 到 图 7.2 背景 
舞台 ”菜单 命令 ， 在 打开 的 “导入 ”对 话 框 
中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “ 房 子 . png”， 并 复制 5 个 ， 使 用 对 齐 工具 使 其 
平均 分 布 于 舞台 的 上 方 ， 如 图 7.3 所 示 。 
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图 7.3 房子 分 布 


选择 第 3 帧 ， 单 击 鼠 标 右键 选择 “搬入 空白 关键 帧 ”, 执行 “文件 ”一 “导入 ”一 “导入 到 
舞台 ” 沫 单 命令 ， 在 打开 的 “导入 ” 对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 
“树木 . png”， 复 制 出 19 个 ， 并 缩小 ， 打 开 对 齐 工 具 选 择 “ 牌 直 中 齐 ” 和 “水 平 居中 分 
布 ” ， 如 图 7. 4 所 示 。 
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图 7.4 树 的 分 布 


选择 第 4 帧 ， 单 击 鼠 标 右键 选择 “搬入 空 日 关键 帧 ”, 执行 “文件 ”一 “ 导 人 ”一 “守信 到 
舞台 ”菜单 命令 ,在 打开 的 “导入 ”对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 
“表盘 . png”， 如 图 7.5 所 示 。 
3B> 制作 元 件 。 在 “ 库 ” 面 板 中 的 空白 处 ， 单 击 鼠 标 右键 选择 “新 建 元 件 ”， 类 型 选择 
“按钮 ” ， 命 名 为 “start”。 选 择 “ 弹 起 ” 帧 ， 执 行 “ 文 件 ” 一 导入 "一 "导入 到 舞台 ” 沫 单 
命令 ， 在 打开 的 “ 时 人 人” 对 话 框 中 选择 与 本 案例 相对 应 的 素材 文件 夹 的 图 片 “ 开 始 按 钮 
. png”， 设 置 大 小 为 317 x345 像 系 ， 使 其 与 舞台 中 心 对 齐 ， 并 在 点 击 帧 处 插入 帧 。 新 增 “ 图 
层 2”， 重 新 命名 为 “文字 ”。 在 “ 弹 起 ” 帧 处 输入 文字 “开始 ”， 设 置 颜色 为 白色 ， 大 小 为 
76 像素 ， 在 “点 击 ” 顺 处 插入 帧 ， 如 图 7.6 所 示 。 











图 7.5 表盘 图 7.6 “开始 ”元 件 





使 用 如 上 方法 ， 分 布 制作 “上 一 图 ”““ 下 一 图 ” “重新 开始 ”按钮 元 件 和 影片 剪辑 元 
件 “ 提 示 ”， 如 图 7.7 所 示 。 
ES》 返回 “场景 1”， 新 增 “ 图 层 4”， 重 新 命名 为 “按钮 ”。 
选择 第 1 帧 ， 将 按钮 元 件 “ 开 始 ” 从 库 面板 中 拖 放 至 舞台 ， 摆 放 至 舞台 的 右 下 角 。 
选择 第 2 帧 ， 将 按钮 元 件 “ 下 一 图 ”从 库 面 板 中 拖 放 至 舞台 ， 摆 放 至 舞台 的 右 下 角 。 
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or 








图 7.7 元 件 


选择 第 3 帧 ， 将 按钮 元 件 “ 上 一 图 ” “下 一 图 ”从 库 面 板 中 拖 放 至 舞台 ， 摆 放 至 舞台 
的 右 下 角 。 

选择 第 4 帧 ， 将 按钮 元 件 “ 上 一 图 ” “重新 开始 ”从 库 面 板 中 拖 放 至 舞台 ， 摆 放 至 舞 
侣 的 右 下 和 角 。 
ES 新 增 “ 图 层 3”， 重 新 命名 为 “ 想 一 想 " 。 选 择 第 2 帧 插入 空 日 关键 帧 ， 执 行 “ 文 
件 一 导入 一 导 人 到 有 舞台 ”表单 命令 ， 在 打开 的 “导入 ”对 话 框 中 选择 与 本 案例 相对 应 的 系 
材 文 件 夹 的 图 片 “ 卡 通 老 师 . png”， 设置 大 小 为 110 x 140 像素 ， 放 置 舞 合 的 右边 ， 并 将 影 
片 辫 辑 元 件 “ 提 示 ” 从 库 面板 中 拖 放 至 舞台 ， 氛 放 至 合适 的 位 置 ， 如 图 7.8 所 示 。 
7B 新 增 “ 图 层 6”， 重 新 命名 为 “文字 ”。 

选择 第 1 帧 ， 使 用 “文本 工具 ”输入 对 “ 找 空 陆 ” 相 关 介 绍 的 文学 ， 如 图 7. 9 所 示 。 


眼疾 手 快 一 找 空隙 


“空降 ”就 是 物体 与 物体 之 间 的 色 障 ， 可 以 
是 平均 分 布 的 ， 也 可 以 不 平均 分 布 。 在 这 一 关 
中 ， 同 学 们 需要 在 没有 时 间 的 限制 的 情况 下 ， 
把 图 中 的 空隙 全 部 正确 找 出 ， 才 能 进行 下 一 幅 
图 ， 共 三 幅 图 。 当 同学 们 把 所 有 图 中 的 空隙 全 
部 正确 找 出 ， 游 戏 系统 则 弥 许 进入 下 一 关 ， 





图 7.8 图 层 “ 想 一 想 ” 图 7.9 “文字 ” 层 第 1 帧 文字 


选择 第 2 帧 ， 插 入 空 日 关键 巾 ,， 使 用 “文本 工具 ”输入 文字 “请 回答 : 上 图 中 一 共有 ” 
和 “个 间隔 ” ， 设 置 合适 的 大 小 和 颜色 。 使 用 “文本 工具 ”在 两 个 文字 之 间 绘 出 一 个 “输入 
文本 框 ” 并 设置 为 合适 的 大 小 ， 如 图 7. 10 所 示 。 








请 回答 : 上 图 中 一 共有 | “| 个 间隔 


图 7. 10 “文字 ” 层 第 2 帧 文字 
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依 此 方法 ， 分别 在 第 3 帧 和 第 4 帧 处 输入 相应 的 文字 ， 如 图 7. 11 所 示 。 


如 果 上 图 中 一 共有 20 棵 树 ， 那 么 
请 回答 : 上 图 中 一 共有 | “| 个 间隔 
a)“ 文 字 ” 层 第 3 帧 文字 


博 回 答 : 
改 左 图 中 一 共有 [| |] 个 间隔 
b)“ 文 字 ” 层 第 4 帧 文字 
图 7.11 文字 


3. 编写 脚本 代码 

1) 新 增 “ 图 层 7”， 重 新 命名 为 “actionscript”。 

选择 开始 按钮 实例 命名 为 start_btn， 按 【F9】 键 打开 动作 面板 ， 为 “开始 ”按钮 建立 
事件 侦 听 需 ， 并 建立 对 应 的 侦 听 六 数 startgame( ) ， 如 图 7. 12 所 示 。 


中 凡人 八 六 这 但 纪 革 革 第 四 四 时 晴 富 断 汐 包 
this. satopt). 

同 语言 元 素 
aobe. ntils 
园 a1r. desktop 


辐 1- Det 


start_ btn. addEwventListener tMouseEwvent. CLICK, startgame) : 
fimction starteame tevt :MouseEwrent) { 

this. eotohndstop (2): 

this. nextFrame ty) : 





| a1T. pdate 
a1r. pdate. events 


fl. accessibilit¥ 


£1. controls 


回 
回 
回 
El fl. containers 
回 
回 


£1. controls. datats. .. 
同 fl1. controls. listC... 
团 fl1. controls. proer... 
£1. core 
fl1. data 
dma 加 artionscript : 1 Ea 
a £1. events RE 
第 5 行 共 了 行 3 第 对 列 





图 7. 12 “actionscript” 层 第 工 帧 脚本 代码 





将 时 间 线 移动 到 第 2 帧 ， 选 择 “下 一 图 ”按钮 在 属性 面板 中 为 其 实例 命名 为 nextl 。 a 
btn。 用 鼠标 右键 单 击 选 择 “actionscript” 层 第 2 帧 插入 空 日 关键 帧 ， 按 【F9】 键 打开 动 
作 面 板 ， 为 “下 一 图 ”按钮 建立 事件 侦 听 种 ， 并 建立 对 应 的 侦 听 晒 数 xiayitul ( ) ， 如 图 
7. 13 所 示 。 
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日 当前 选择 
Ee 加 actionscript : 

日 徐 场 旦 1 
: 2 加 actionscript : 
加 actionscript : 
加 actionscript : 
Be 加 actionscript : 


1 
这 
3 mnextl btn. addEventListenert click ,Xiayrituly : 
4 tunctiomn xiayitul tewvt :MouseEwvent) { 

5 this. eotobndStop (3) 
Be } 





加 actionscript : 2 | 闸 
弟 6 行 ( 共 6 行 》 ;第 2 列 


图 7.13 “actionscript” 层 第 2 帧 脚本 代码 


将 时 间 线 移动 到 第 3 帧 ， 选 择 “ 上 一 图 ”和 “下 一 图 ”按钮 在 属性 面板 中 分 别 为 其 实 
例 命名 为 syt_btn 和 xyt2_btm。 右 键 单 击 选择 “actionscript” 层 第 3 帧 插入 空白 关键 帧 ， 按 
【F9】 键 打开 动作 面板 ， 为 “上 一 图 ”和 “下 一 图 ”按钮 建立 事件 侦 听 器， 并 建立 对 应 的 侦 
昕 了 员 数 prev( ) 和 xiayitu2( ) ， 如 图 7. 14 所 示 。 










J 组 琶 介 汤 污 车 某 四 好 国 
[ed this. stopi) : 
日 加 当前 选择 六 syt_btn, addEwventListener(" click” ,prew). 
本 回 actionscript : 帧 function previewt:MouseEwvent) 
日 曾 场 旦 1 


this. prevFrame't) : 
-加 actionscript : 
… 国 actionscript : 


xyt2 btn. addEwventListener (MouseEwent. CLICK, xiayitu2) : 
function xiayitu2 tewt :MouseEvent) 


回 actionscript : 


加 actionscript : 


this,. eot ondstop (td) : 


一 = 一 BC Co Ta 一 


EE 一 





中 actionscript : 3 三 
弟 2 行 (< 共 11 行 ;第 1 列 


7.14 “actionscript” 层 第 3 帧 脚本 代码 


将 时 间 线 移动 到 第 4 帧 ， 选 择 “ 上 一 图 ”和 “重新 开始 ”按钮 在 属性 面板 中 分 别 为 其 
实例 命名 为 syt1 _ btn 和 restart bm。 右键 单 击 选择 “actionscript” 层 第 4 帧 插入 空白 关键 
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帧 ， 按 【F9】 键 打开 动作 面板 ， 为 “上 一 图 ”和 “重新 开始 ”按钮 建立 事件 侦 听 顺 ， 并 建 
立 对 应 的 侦 听 晒 数 prev1( ) 和 restart( ) ， 如 图 7. 15 所 示 。 





和 











[一 We this. stopt) : 
日 当前 选择 a svtl_btn. addEventListenert" click", prewl): 
回 actionscript : 巾 ， function prewl tewt:MouseEwvent) 
日 后 场 时 1 this. prevFramet) ; 
一 国 ”actionscript : 帧 6 
本 加 actionscript : 帧 TI rest art_btn. addEwventListenert" click", restart) ， 
: 、 8 function restart (ewt :MouseEwent’) 
加 actionscript : 帧 有 
和 日 actionscript : 帧 ' 10 this. gotoardstoptl) 
咎 元 件 定 义 | 


加 actionscript : 4 | 蜀 
弟 2 行 ( 共 直 1 行 )》 ;第 1 到 


图 7.15 “actionscript” 层 第 4 帧 脚本 代码 








2) 本 案例 共 震 要 4 帧 ， 每 一 帧 由 奉 干 图 层 组 成 ， 其 中 ， 痛 景 1 和 背景 2 各 放置 一 层 ， 
按钮 、 文 字 、 想 一 想 以 及 第 2、3、4 帧 的 图 片 都 单独 放置 一 层 ， 具 体 摆 放 如 图 7. 16 所 示 。 





图 7.16 图 层 分 布 


【技术 讲解 】 





A 按钮 事件 处 理 函 数 的 应 用 


按钮 事件 是 指 某 一 按钮 在 对 应 的 鼠标 事件 〈 如 鼠标 单 击 、 鼠 标 滑 入 滑 出 等 ) 时， 执行 
的 相应 操作 。 利 用 按钮 可 以 控制 影片 的 播放 速度 ， 以 及 场景 或 者 帧 的 切换 。 寿 要 按钮 在 对 应 
的 鼠标 事件 下 执行 某 项 操作 须 为 该 按钮 添加 事件 监听 各。 知 要 在 ActionScript 2. 0 中 新 增 
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事件 监听 需 ， 在 某 些 情况 下 必须 使 用 addListener( ) ， 而 其 他 情况 下 则 必须 使 用 addEventLis- 
tener( ) 。 在 ActionScript 3.0 中 ， 所 有 的 情况 只 要 使 用 addEventListener( ) 即 可 。 

本 案例 使 用 详解 : 

第 1 帧 “开始 按钮 ”start_btn 的 鼠标 单 击 ActionScript 十 他 

this. stop( ) ; 








为 start_btn 建立 侦 听 需 ,并 建立 相对 应 
start_btn. addEventListener( MouseEvent. CLICK ,startgame ) ;一 一 | 的 图 数 startgame , 当 忌 标 单 击 按钮 时 ， 
调用 函数 startgame 


function startgame( evt: MouseEvent ) | 一 | 调用 旺 数 startgame 











//this. gotoAndStop(2 ) ; 

this. nextFrame( ) ; | 

第 2 帧 “下 一 图 ”nextl_btm 的 鼠标 单 击 ActionSeript 语句 ; 
this. stop( ) ; 








为 nextl_btn 建立 侦 听 器 ,并 建立 相对 应 
next1_btn. addEventListener( "click" ,xiayitul ) ;一 一 一 | 的 函数 xiayitul , 当 忌 标 单 击 按钮 时 ,调用 
咀 数 xiayitul 

















调用 呵 数 xiayitul 


function xiayitul (evt: MouseEvent) | 





this. gotoAndStop( 3) ;| 

第 3 帧 “上 一 图 ”和 “下 一 图 ”prevl_btmn 和 next2_btn 的 鼠标 单 击 ActionScript 语句 : 

this. stop( ) ; 

prevl_btn. addEventListener( " click" ,prevl ) ; 为 prevl_btn 建立 侦 听 需 , 并 建立 相对 应 的 本 数 
上 prevl , 当 鼠 标 单 击 按钮 时 ,调用 吨 数 prevl 











function prevl( evt:MouseEvent ) | 





this. prevFrame( ) ;| 





为 next2_btn 建立 侦 听 器 ,并 建立 
一 一 一 | 相对 应 的 晒 数 xiayitu2, 当 鼠标 单 


next2_btn. addEventListener( MouseEvent. CLICK ,xiayitu2 ) ; | 
_ 击 按钮 时 ,调用 汕 数 xiayitu2 


function xiayitu2( evt: MouseEvent) | 








this. gotoAndStop(4); | 

第 4 帧 “上 一 图 ”和 “重新 开始 ”prev2_btn 和 restart_btn 的 鼠标 单 击 ActionScript 语句 : 

this. stop( ) ; 

prev2_btn. addEventListener( " click" ,prev2 ) ; 为 prev2_btn 建立 侦 听 器 ,并 建立 相对 应 的 函数 
上 prev2 , 当 鼠 标 单 击 按钮 时 ,调用 函数 prev 2 








function prev2( evt:MouseEvent ) | 





this. prevFrame( ) ;| 


restart_btn. addEventListener( " click" ,restart ) ; 











function restart( evt:MouseEvent ) | | 为 restart_btn 建立 侦 听 需 ,并 建立 相对 应 的 郴 数 
restart , 当 鼠 标 单 击 按钮 时 ,调用 哨 数 restart 


this. gotoAndStop( 1) ;| 





时 间 轴 控制 函数 的 使 用 


时 间 轴 控制 函数 是 指 用 函数 来 控制 时 间 轴 的 播放 进程 ， 利 用 这 些 函 数 可 以 实现 一 些 何 香 
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的 交互 控制 。 时 间 轴 控制 函数 如 图 7. 17 所 示 。 

本 案例 中 ， 我 们 把 时 间 轴 控制 孔 数 应 用 到 按钮 上 来 控 
制 帧 的 切换 ， 可 以 使 用 prevFrame( ) 和 nextFrame( ) 方 法 ， 
也 可 以 使 用 gotoAndStop( ) 和 gotoAndPlay( ) 方 法 。 

prevFrame( ) 方 法 是 指 将 播放 头 转 到 上 一 帧 并 停止 
播放 ; 





| ActionSeript 1.0 息 2.0 二 





周全 局 函数 
影片 前 辑 控 制 
EN 





nextFrame( ) 方法 是 指 将 播放 头 转 到 下 一 帧 并 停止 国 zeotoknaplay 

播放 ， re 
gotoAndPlay( ) 方 法 是 指 跳 转 到 指定 场景 的 指定 帧 ， 并 Se 

从 该 帧 开始 播放 ; @ cr。 四 
gotoAndStop( ) 方 法 是 指 跳 转 到 指定 场景 的 指定 帧 ， 并 

从 该 帧 停止 播放 。 @ stophllsounds 


请 法 : 7.17 ”时间 轴 控 制 函数 
元 件 / 场 景 名 称 . nextFrame( ) 
元 件 / 场 景 名 称 . prevFrame( ) 
元 件 / 场 景 名 称 . gotoAndPlay (场景 ， 帧 ) 
元 件 / 场 景 名 称 . gotoAndStop (场景 ， 帧 ) 

“this” 主 要 表达 式 关 键 字 : 是 对 方法 所 包含 对 象 的 参考 。 当 ActionScript 执行 时 ，this 
关键 字 会 参照 到 包含 改 程序 代码 的 对 象 。 在 方法 主体 中 ，this 关键 字 会 参照 包含 调用 方法 的 
类 实体 。 以 本 范例 来 说 ,， “this” 关 键 字 代表 的 是 目前 作用 的 场景 。 

本 宗 例 使 用 详解 . 

第 1 帧 “开始 按钮 ”start_btn 的 鼠标 单 击 ActionScript 语句 : 
this. stop( ) ; 











start_btn. addEventListener( MouseEvent. CLICK , startgame ) ; 

function startgame( evt:MouseEvent ) | 

//this. gotoAndStop(2 ) ; 在 该 场景 内 , 跳 转 到 第 2 帧 或 者 下 一 帧 。 本 案例 中 ,this. gotoAnd- 
全 Stop(2) 和 this. nextFrame( ) 两 者 的 效果 相同 ,但 只 能 写 一 句 。 

第 2 帧 “下 一 图 ”nextl_btn 的 鼠标 单 击 ActionScript 语句 : 

this. stop( ) ; 





this. nextFrame( ) ;| 





next]_btn. addEventListener( " click" ,xiayitul ) ; 

function xiayitul (evt:MouseEvent) | | 在 该 场景 内 , 跳 转 到 第 3 帧 。 

this. gotoAndStop(3) ;| 

第 3 帧 “上 一 图 ”和 “下 一 图 ”prevl_btmn 和 next2_btn 的 鼠标 单 击 ActionScript 语句 : 
this. stop( ) ; 





prevl_btn. addEventListener( " click" ,prevl ) ; 
function prevl( evt:MouseEvent ) | 


this. prevFrame( ) ;| 





next2_btn. addEventListener( MouseEvent. CLICK ,xiayitu2 ) ;一 一 一 | 在 该 场景 内 , 跳 转 到 上 一 帧 


function xiayitu2( evt: MouseEvent) | 


this. gotoAndStop(4); | 


ER I 
村 | 
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第 4 帧 “上 一 图 ”和 “重新 开始 ” prev2_btn 和 restart_btn 的 鼠标 单 击 ActionScript 请 何 
this. stop( ) ;一 一 一 | 在 该 场景 内 , 跳 转 到 第 4 帧 
prev2_btn. addEventListener( " click" ,prev2 ) ; 


function prev2( evt:MouseEvent ) | 


this. prevFrame( ) ;| 一 一 一 | 在 该 场景 内 , 跳 转 到 上 一 帧 





restart_btn. addEventListener( " click" ,restart ) ; 


function restart( evt:MouseEvent ) | 


this. gotoAndStop(1 ) ; 一 -一 | 在 该 场景 内 , 跳 转 到 第 1 帧 



















7.3 制作 “通关 密语 测试 ”案例 


【 案例 概述 】 


本 案例 是 使 学 习 者 输入 数据 ， 使 用 站 语句 来 进行 数据 比 对 ， 并 根据 比 对 结果 将 影片 播放 
头 跳 转 到 不 同 的 帧 上 。 当 输入 数据 正确 时 ， 则 可 以 通过 单 击 不 同 的 颜色 色 块 更 改 衣服 的 颜 
色 。 通过 本 案例 的 学 习 ， 读者 可 以 掌握 文本 框 的 相关 知识 ， if…else 和 switch…case 语句 的 使 
用 。 效 果 如 图 7.18 所 示 。 








Right! 
蒂 豆 过 关 


上 








点 击 色 块 可 以 改变 衣服 颜色 咯 ! 
图 7.18 通关 密语 测试 效果 图 


1. 设置 “文档 属性 ” 
启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ,设置 文档 大 小 为 550 x 309 像素 ， 背 景 为 白 
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色 。 二 “文件 ”一 “保存 ” 采 单 命令 ， 将 新 文档 保存 ， 并 命名 为 “通关 密语 测试 ”。 
入 背景 图 片 
a “文件 ”一 导入 ”一 导入 到 库 ” 沫 单 命 令 ， i BB | 
在 打开 的 “导入 ” da ee 名 称 全 | A5 必 接 
材 文件 夹 的 图 片 “ 普 景 1jpg”、“ 普 景 2 jpg”、 mone 











芭 | mmz.png 
“mml. jpg”、“mm2. jpg”， 再 次 单 击 “ 打 开 ” 按 钮 ， 国 背 最 1.jpo 
导入 所 需 的 背景 图 片 如 图 7. 19 所 示 。 图 | 青 晤 2.pg 
3. 制作 所 需 元 件 
R55B> 新 建 “按钮 ”元 件 默认 命名 为 “元 件 图 7.19 素材 图 和 


1”， 在 “ 弹 起 ” 帧 处 使 用 “矩形 ”工具 创建 一 个 
如 图 7. 20 所 示 的 正方 形 ， 并 更 改 为 颜色 为 “4 拉 0x006600”， 选 择 该 矩形 ， 使 用 对 齐 工具 ,多 
选 “ 与 舞台 对 齐 ”， 使 该 矩形 与 舞台 在 水 平和 垂直 方向 上 对 齐 。 

使 用 该 方法 ， 再 次 创建 3 个 按钮 元 件 如 图 7.21 所 示 ， 颜 色 分 别 为 #0xFF0000、# 
0x0000FF 、#0xFF9900。 





图 7.20 元 件 1 图 7.21 按钮 元 件 





ES 新建 “影片 剪辑 ”元 件 ， 命 名 为 “cloth_mec”， 使 用 “钢笔 ”工具 绘制 出 如 图 7. 22 
所 示 的 衣服 ， 并 把 衣服 的 颜色 设 辐 为 40xFPO000。 

4. 布置 主场 景 
EWP 返回 主场 景 ， 双 击 “ 图 层 1” 重 命名 为 “背景 ”"。 将 “ 库 ” 面 板 中 的 图 厂 “ 背 景 
1. jpg” 拖 入 到 舞台 ， 使 其 与 舞台 中 心 对 齐 。 
ES 在 第 2 帧 处 插入 空白 关键 帧 ,将 “ 库 ” 面 板 中 的 图 片 “ 背 景 2. jpg” 拖 人 到 舞台 ， 
使 其 与 舞台 中 心 对 齐 ， 并 在 第 3 帧 处 插入 帧 。 
E> 新 建 图 层 2， 重 命名 为 “内 容 ”。 石 键 单 击 第 1 帧 ， 搬 人 空白 关键 帧 。 使 用 “文本 
工具 ”输入 静态 文本 “请 输入 通关 密语 :”， 并 拖 动 出 一 个 文本 框 ， 在 属性 面板 中 将 其 设置 
为 “输入 文本 ”， 如 图 7.23 所 示 。 

设置 静态 本 文 和 输入 文本 框 的 文字 大 小 为 20， 并 调整 好 位 置 。 











攻 态 立 本 
动态 立 术 
号 | vy 输入 六 本 





图 7.22 影片 剪辑 元 件 图 7.23 文本 的 属性 面板 
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?> 插入 按钮 。 执 行 “ 窗 口 ” 一 “公用 库 ” 一 “Buttons” 采 单 命令 ,打开 “外 部 库 ” 对 话 
框 ， 根 据 个 人 喜好 ， 选 择 并 插入 一 个 按钮 ， 放 至 输入 文本 框 的 后 ， 在 属性 面板 中 将 其 实例 命 
和 名 为 “ent_btn”。 
再 EB> 选择 “内 容 ” 层 的 第 2 帧 ， 插 入 空 日 关键 帧 。 将 “ 库 ” 面 板 中 的 影 放 剪辑 元 件 
“cloth_mc”、 按 钮 “元 件 1-4” 拖 入 到 舞台 ， 并 摆 放 好 位 置 ， 在 颜色 按钮 的 下 面 输入 静态 文 
本 “ 单 击 色 块 可 以 改变 衣服 颜色 哦 !1” 以 作为 提示 。 在 舞台 的 左上 角 输 入 静态 文本 “Righti 
恭喜 过 关 ”， 并 将 “ 库 ” 面 板 中 的 图 片 “mml. jpg” 拖 至 舞台 ， 放 置 在 该 文本 的 下 面 。 

在 属性 面板 中 ， 将 影片 勇 辑 元 件 “cloth_mce” 实 例 命名 为 ， “cloth_me”， 四 个 按钮 元 件 
实例 命名 为 “a_btn”、“b_btn”、“c_btn”、“d_btn”， 如 图 7. 24 所 示 。 








Risht'! 
燕 喜 过 关 


cloth_mc 





— 


日 ( b_ > C_ 2 dd btn 
NEE 


单 击 色 块 可 以 改变 农 服 颜色 陵 ! 





图 7.24 元 件 实例 命名 


RY 选择 “内 容 ” 层 的 第 3 帧 ， 搬 入 空白 关键 帧 。 输 入 静态 文本 “Sorry! 通关 密语 错 
呈 ”， 并 将 “ 库 ” 面 板 中 的 图 片 “mm2. jpg” 拖 至 舞台 ， 放 置 在 该 文本 的 下 面 。 在 “外 部 
库 ” 中 选择 一 个 按钮 拖 放 至 舞台 ， 双 击 进 入 该 按钮 ， 将 原 有 文字 改 为 “返回 首页 ”， 整 体 效 
果 如 图 7.25 所 示 。 














Sorry! 


通关 密语 错误 





图 7.25 第 3 帧 效果 图 


选择 第 2 帧 ， 在 属性 面板 中 将 其 帧 标签 改 为 “o 选择 第 3 帧 ， 在 属性 面板 中 将 其 帧 
标签 改 为 “no”， 如 图 7. 26 所 示 。 
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ES 新 建 图 层 3， 将 其 重 命 名 为 “actionscript”。 将 第 1 帧 、 第 2 帧 、 第 3 帧 分 别 转换 为 


图 7.26 帧 标签 的 更 改 


空 日 关键 帧 。 按 【F9】 键 打开 动作 面板 ， 在 这 三 帆 上 分 别 输入 脚本 ， 如 图 7. 27 所 示 。 





Actionscript 3.0 





昌国 当前 选择 





日 首 迎 1 


和 元 EX 


| actionscript : 


-站 actionscript : 
-由 actionscript : 
| actionscript : 








昌 月 @Y 主 碍 以 入 革 人 四 DF 





|] Import flash, ewents, MouseEwert: 
a this, stopt). 

3 ent btn, addEwentListenert click", ent): 
4 function ent (eve: MouseBwernt) { 

5 if in txt text== "flash 1 

6 this, gotolndstopt" ok"):} 
else! 

8 this. gotolndstopt nao). 
9 } 

0 

| 





ActionsScript 3.0 









sd 
日 园 当前 选择 
.加 actionscript : 帧 
日 曾 场 呈 1 
: 加 actionscript : 帧 






:加 actionscript : 帧 


日 图 当前 选择 





日 疾 场 1 








:加 actionscript : 帧 


-加 actionscript : 由 
















要 | 但 员 站 营 革 上 四 四 呈 国 
import flash. evernts. MouseEwent: 
import flash, geom. ColorTransform: 






Var color_array=[0x008600, Oxff0000, Ox0000ff, Oxff9900]. 
a_btn, addEwventListenert" click", cloth_color). 
b_btn, addEwventListenert" click", cloth color’). 
c_btn. addEventListener ("click", cloth_ color) : 
d_btn. addEwventListenert" click", cloth_color). 


function cloth colorime:MouseEwvent) { 

Var my_color:ColorTransform=new ColorTransformt): 

switchime. target. name) 
case "a btn" :my_color.color=color_array[0] : 
break. 
case "b _ btn’ :my color.color=color array[1]: 
break: 
case“c_btrn :my_color, color=color_array[2]: 
break.; 
case“d_btn :my_color.color=color_ array[3]: 
break ; 
} 


cloth mc.transform. eolorTrarsform=my_ color: 






于 倒流 车 攻 攻 | 中 四 


1 fh btn. addEventl istener(" click”, fanhui) . 






a function fankhuitewe:MouseEwert) | 
this, eotoindstop tl1): 
4 ] 

c) 第 3 帧 脚本 


图 7.27 脚本 
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【技术 讲解 】 


A 文本 框 的 使 用 


Flash 中 文本 工具 提供 了 三 种 文本 类 型 静态 、 动 态 和 











静态 文本 : 静态 文本 框 用 于 显示 在 创作 时 创建 的 类 型 和 
文本 内 容 ， 在 运行 时 不 会 发 生 改 变 ， 如 艺术 字 、 标 签 按钮 、 
表单 或 导航 组 件 等 。 

动态 文本 : 显示 从 外 部 文本 文件 或 数据 库 目 动 生成 的 最 
新 信息 ， 当 您 想 目 动 显示 频繁 得 到 更 新 的 信息 时 ， 可 使 用 动 
态 文 本 ， 如 股价 行情 、 天 气 预报 、 时 间 等 。 

输入 文本 : 用 于 在 运行 时 让 用 户 输入 文本 ， 如 用 户 名 和 
密码 、 表 单 和 调查 问卷 等 ， 如 本 市 案例 中 的 输入 密码 。 

文本 的 属性 一 般 有 : 文本 类 型 、 字 体 、 大 小 、 颜 色 、 样 
式 、 对 齐 方式 、 字 符 间距 和 边 距 和 等， 都 可 在 属性 面板 中 进行 
设置 ， 如 图 7. 28 所 示 。 

如 果 使 用 Actionscript 语句 对 文本 框 进行 控制 的 话 ， 就 需 
要 给 文本 框 进行 实例 命名 (如 * _txt 等 ) ， 然 后 在 动作 面板 中 
的 脚本 代码 中 才 可 以 进行 引用 。 


A 条 件 语句 的 使 用 


1， 证 .else 条 件 语句 























X129.13 :141.25 





宽 : 189.00 高 : 30.60 


wr 字符 


系 下 :| 黑人 村 区 | 


克 色 : 国有 | 口 自动 调整 字 距 
消除 锯齿 : [合用 设备 字 硒 [= 
中 [e 男 














= 最 落 


格式 : 











图 7.28 文本 属性 





if…else 判断 语句 是 指 “ 如 末 … 束 … 否 则 就 …”， 即 当 条 件 成 立时 执行 某 一 事件 ,否则 
执行 为 一 事件 ， 右 当 条 件 不 成 立时 不 需要 执行 任何 事件 ， 则 可 else 省 略语 句 。 





语法 见 表 7-1。 
表 7-1 证 .else 条 件 语句 语法 


条 件 成 立 执行 语句 A， 否则 ， 执 行 语句 B 


省 略 else 语句 





证 (条件 式 ) | 


程序 语句 块 A; 站 (条件 式 ) | 
| else | 程序 语句 块 
程序 语句 块 B; | 





| 


条 件 式 即 对 数据 的 比较 ， 需 要 用 到 比较 运算 符 对 两 组 表达 式 或 数据 之 则 进行 比较 ， 例 如 
本 市 宁 例 中 的 “in_txt. text == "flash" ”中 的 “==” 就 是 一 个 比较 运算 从， 结果 只 有 两 种 : 
“true”“false”， 即 “成 立 ” 与 “不 成 立 ”,“ 真 ”与 “ 假 ”， 如 图 7. 29 所 示 。 
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图 7.29 比较 运算 符 


本 案例 中 使 用 if…else 语句 对 文本 内 容 进行 判断 ， 脚 本 代码 如 下 : 
Import flash. events. Mousekvent; 


this. stop( ) ; 








ent_btn. addEventListener( "click" ,ent) ;一 一 一 | 按钮 监听 天 








function ent(eve:MouseEvent ) | 


if(in_txt. text = = "flash" ) | 
this. gotoAndStop( " ok" ) ;| 
else | 单 击 按钮 Enter” 后 ? 调用 旺 数 ent( ) 


this. gotoAndStop( " no" ) ; 


| 

单 击 “Enter” 按 钮 后 ， 通 过 监听 器 调用 ent( ) 函数 ， 函 数 中 会 将 用 户 输入 的 数据 与 字 
符 串 “flash” 进 行 比 较 ， 如 采 两 者 相符 ， 则 将 场景 的 播放 头 移动 到 指定 的 帧 “ok” 上， 
并 停止 播放 ; 如 有 末 两 者 不 相符 ， 则 将 场景 的 播放 头 移动 到 指定 的 帧 “no” 上 ， 并 俘 止 
播放 。 

2， Switch.…case 多 条 件 选 择 的 条 件 语句 

switch…case 可 用 根据 变量 中 的 数据 值 来 决定 程序 的 执行 流程 ， 其 变量 的 数据 类 型 可 以 
是 字符 串 数据 类 型 、 整 数 数据 类 型 等 。 

当 评 佑 值 与 条 件 值 不 符合 时 ， 大 无 初始 值 语 多 “default”， 则 直接 结束 switch 语句 。 
switch…case 语句 的 语法 与 范例 见 表 7-2。 

用 break 可 以 达到 执行 一 个 case 分 文 后 ， 使 程序 的 流程 跳出 switch 结构 ， 终 止 程序 的 执 
行 目 的 。 程 序 的 最 后 一 个 分 文 default 是 在 程序 的 最 后 执行 ， 所 以 可 以 不 加 break 语句 。 

switch 语句 是 多 分 文选 择 语句 ， 当 程序 中 分 文 很 多 时 ， 如 分 数 统 计 ， 可 按 优等 生 、 民 好 
生 、 中 等 生 、 差 等 生 ， 如 采用 藤 套 的 主语 句 处 理 ， 会 使 程序 显得 兄长 ， 并 会 使 可 读 性 降低 ， 
这 时 就 可 用 switch 语句 进行 处 理 。 
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表 7-2 ”switch…ease 语句 的 语法 与 范例 


switch (评估 值 ) | 

case 条件 值 1: 
语句 区 块 1 ; 
ek 

case 条件 值 2: 
语句 区 块 1 ; 
break:…; 

default: 

语句 区 块 n+1; 





汇 例 


switch (color) | 


66 六 


case y”: 
trace ( “黄色 ”) ; 
break ; 

case  “g”: 
trace ( “绿色 ”) ; 
break:…; 

default . 


trace (“ 蓝 色 ”)， 








本 方案 例 中 switch…case 语句 的 使 用 在 “内 容 ” 层 的 第 2 帧 ， 脚 本 代码 如 下 : 


import flash. events. Mousekvent; 


import flash. geom. ColorTransform ; 


var color_array = | Ox006600 ,Oxff0000 ,0x0000ff ,0xff9900 | ;一 一 一 


a_btn. addEventListener( " click" ,cloth_color ) ; 
b_btn. addEventListener( " click" ,cloth_color ) ; 
c_btn. addEventListener( " click" ,cloth_color ) ; 
d_btn. addEventListener( " click" ,cloth_color ) ; 


function cloth_color( me:MouseEvent ) | 





声明 一 个 具有 4 个 元 系 的 颜色 
数组 color_array ,数组 元 素 的 十 
六 进 制 分 别 对 应 “a_btn”~“d_ 
bin” 的 RGB 颜色 值 











建立 监听 可 











var my_color :ColorTransform = new ColorTransform( ) ; 一 一 一 建立 ColorTransform 元 件 my_color 


switch( me. target. name ) | 


case "a_btn" :my_color. color = color_array[ 0 | ; 


break; 





case "b_btn" :my_color. color = color_array| 1 |; 


break ; 根据 按 下 的 按钮 不 同 , 将 Color- 
case "c_btn" :my_color. color = color_array[ 2 | ; Transform 元 件 my_color 的 color 
break ; 属性 指定 为 不 同 的 颜色 











case "d_btn" :my_color. color = color_array| 3 | ; 


break; 
| 


cloth_mc. transform. colorTransform = my_color; 一 一 一 | 变换 衣服 影片 剪辑 “cloth_mec” 的 颜色 
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7.4 制作 “ 识 图 游戏 ”案例 


【 案例 概述 】 

本 案例 使 用 ActionScript 3.0 中 的 startDrag( ) 和 stopDrag( ) 方 法 来 实现 鼠标 点 击 拖 搜 对 象 
进行 移动 ， 松 开 鼠 标 时 停止 拖 搜 的 动画 ， 同 时 ， 使 用 hitTestObject( ) 方法 使 拖 搜 对 象 与 目 
标 区 域 进行 匹 配 。 通 过 本 肥 例 的 和 学习， 读者 可 以 擎 握 startDrag( ) 和 stopDrag( ) 方法 的 使 
用 ,以 及 hitTestObject() 方法 的 使 用 ， 识 图 效果 如 图 7.30 所 示 。 











四 设 图 游戏 . se 
立 件 中 ) 视图 操控 制 公 ) 幸 试 血 ) 





图 7.30 识 图 游戏 


【 实现 过 程 】 


1. 设置 “文档 属性 ” 
启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 ， 设 置 文档 大 小 为 720 x 576 像素， 背景 为 白 
色 。 执 行 ee 一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 并 命名 为 “ 识 图 游戏 ”。 
上 SI 导入 素材。 执行 “文件 ”一 “导入 ”一 “导入 到 库 ” 菜 单 命令 ， Gi “导入 ”对 
话 框 中 选择 与 本 案例 相对 应 的 床 材 文件 夹 的 图 片 “1.png” ~ “8.png”、 “bgl.png” ~ 
“bg8. png”， 再 次 单 击 “ 打 开 ” 按 钮 。 
RBHP> 新 建 影 片 剪 和 辑 ， 重 新 命名 为 pl_mc， 将 图 片 1. png 拖 放 至 舞台 ， 使 用 对 齐 工 具 使 其 
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与 舞台 水 平和 对 直方 癌 都 对 齐 ， 即 中 心 对 齐 ， 如 图 7. 31 所 示 。 使 用 此 方法 ,依次 创建 图 片 
2. png ~8. png 的 影片 剪辑 。 





是 计生 大 所 6 79 
7.31 影片 剪辑 “pl_me” 图 7.32 影片 剪辑 “bgl_mc 


; 坊 二 于 在 使 用 对 齐 工 具 时 ， 如 果 想 让 对 象 与 舞台 中 心 对 齐 的 话 ， 一 定 要 勾 选 “与 舞 
台 对 齐 ” 选 项 ， 和 否则 只 是 对 象 本 身 的 对 齐 。 





新 建 影片 剪辑 ， 重 新 命名 为 bg1 _mc， 将 图 片 bgl. png 拖 放 至 舞台 ， 使 用 对 齐 工 具 使 其 
与 舞台 中 心 对 齐 ， 如 图 7. 32 所 示 。 使 用 此 方法 ， 依 次 创建 图 片 bg2. png ~ bg8. png 的 影片 
坊 辑 。 

3. 布置 舞台 场景 
ED 将 “图 层 1” 重 新 命名 为 “ 底 图 ”。 使 用 “基本 和 矩形 工具 ”在 舞台 上 绘制 一 个 圆 角 
和 矩形， 并 设置 颜色 为 “#99999”， 摆 放 至 舞台 的 左上 角 ， 如 图 7.33 所 示 。 
EN 新建 “图 层 2”， 并 重新 命名 为 “背景 ”。 将 影片 剪辑 “bgl_mce” ~ “bg8_mc” 拖 
放 至 人 舞台， 并 摆 放 好 位 置 ， 如 图 7.34 所 示 。 











图 7.33 “ 底 图 ” 层 布置 图 7.34 “背景 ” 层 布置 


E 古 > 新 建 “ 网 层 3”， 并 重新 命名 为 “水 果 ”。 将 影片 剪辑 “pl mc ~ “p8_mce” 拖 放 
至 舞台 ， 摆 放 好 位 置 ， 并 为 这 些 影 片 剪 辑 元 件 在 属性 面板 中 进行 实例 命名 ， 如 图 7.35 和 
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图 7. 36 所 示 。 


pl_mc 


p8_mc 





实例 : pl_mc 





瑟 / 
京 4 


剪辑 实例 名 


图 7. 36 


图 7.35 属性 面板 的 设置 


3 新建 “图 层 4”， 并 重新 命名 为 “actionscript”。 单 击 第 1 帧 ,， 按 【F9】 键 打开 动作 
面板 ， 为 场景 中 pl_mc、p2_mc、p3_mc、p4_mc、p5_mc、p6_mc、p7_mc、p8_mc 影片 羡 辑 
编写 鼠标 按 下 与 弹 起 的 事件 监听 需 与 对 应 函数 的 Actionscript， 如 图 7.37 所 示 。 










到 动作 攻 误 
Actionscript 3.0 
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个 人 3 片断 入 加 
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顶 朗 内 1 stopt): Pd_mc- addEventListenert” mousellp”, stopmowed) : | 

让 国 2 pl nc.addEventListener(nouseDom’ ,nove); 天 | 目  E 加 actionscript : 坑 or i me: MouseEwent) { 

i : | 河 3 p2 mc. addEventListener ("mouseDown’ ,nowve) : me. target. stopDrag) : 
obe mtrls 和 dd p3_mc.addEventListerneri mouseDowmt ,move) ; 局 站 场 时 1 | 

> | Ss 3 ; PA Pd_mc. x=bed_mc.x: 
air. desktop | 5 pd mc.addEventListener (mouseDow’", mnove): 四 actionscript : 是 4 人 
air. net 6 p5 mc.addEventListener ("mouseDow’ move) ; 转 外 元 件 定义 48 四 
air. update Tp mc.addEventListerner( mouseDowmt ,mowve) ; | a } 

8 pT_mc. addEventListener "mouseDow’, mowe).; 50 


Hir. update. events 


gp8 mec. addEventListener( mouseDomt Tove) ; | 51 p56_mc. addEventListener "mousellp", stopmoweS) ; 


1. te ct ion move (me: HouseEvent’ 了 图 52 functior stopmove5 tme: MouseEwvent) { 
£1. containers i me. target. startDrag (true); | 日 ee {bg5_me)) { 

controls We } , RR | 55 5_mc.x=bg5_mcx: 

nl 13 "pl_mc.addEventListener (mouseUp”", stopmovel).; | 656 p5_ me. y=bg6 _ me. y; 

3 14 fumction stopmovel tme: NouseEwvent) { | 5 和 
econtrols. listC... 了 ] 
15 me. target. stopDragt). 二 
controls. progr... 16 if {tpl_mc.hitTestObject fbgl_mc))f 59 


core 这 
data 18 


60 p6_mc. addEventListenert" mousellp", stopmowe6) : 
Bl function stopmoveB ime:MouseEwvent) { 


Pl_mc.x=bgl_mc.x:; | 
Tl ne sbel we, | 
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19 } 里 62 me. target. stopDrag () : 
display 63 if tp6_mc. hitTestObject (bg6_mc)) { 
events 20 ] 本 ww 64 6 _ mc. x=bgB_me. x 
21 p22_mc.addEventListenert"mouseUp", stopmove2); 6 全 a : 
当前 选择 22 ， function stopmove2 (me:NMouseEvent) { 66 了 下 
ee me. target. stopDrag(): RE | 
加 代码 : 帧 1 24 if (p2_mc. hitTestObject (bg2_mc)) { 68 | 
日 = 声 且 1 25 D2_mc.Xx=bg2_mc.Xxi B69 pT_mc.addEventListenert" mousellp", stopmoveT) : | 
i 回 代码 : 帧 1 26 D2_mc. 关 bg2_mc.yi 0 function stopmoveT tme:MouseEvent) { 
2 27 ] 71 me. target. stopDrag () ; 
和 者 元 件 定义 2B} 72 证 印 7_mc-hitTestObject (heT_me)) { 
29 pp3_mc.adidEventListenert mouseUp ,stopmove3) ; | Te 习 
30 function stopmove3 (me: MouseEvent) { 15 0 
ol me. target. stopDragt). 716 |} 
a2 if tp3 mc,.hitTestObject (be3_ mc) { 77 
| D3_mc.x=bg3_mc.x; 7T6 ps8_mc. addEventListener "mousellp", stopmove®8) ; 
34 D3_ me. 7=-bg3_mc.yi T9 function stopmoves tme:MouseEwvent) { 
35 } 80 me. target. stopDrag(); 
Bo } 81 if (p8_mc. hitTestObject fbga_mc)) { 
37° pd4_mc.addEventListener( mouseUp ,stopmoved) ; 82 PB_mc. x=bgd_me. x 
38 function stopmoved me:MouseEvent) { 图 | 由 人 
全 si } 国 
回 代码 : 1| 澡 < 
= = cti ipt : 1 
了 | 第 37 行 ( 共 80 行 ) ,第 1 列 | 加 a ionscripl 国 























“||| 第 16 行 ( 共 85 行 ) ,第 18 列 
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图 7.37 “actionscript” 层 第 1 帧 脚本 代码 


鼠标 拖 动 效果 的 实现 


鼠标 拖 动 效果 是 指 通 过 鼠标 单 击 拾取 拖 搜 对 象 ， 并 通过 移动 鼠标 使 拖 搜 对 象 移动 到 不 同 
的 位 置 。 如 果 要 实现 鼠标 拖 动 效果 ， 就 会 用 到 startDrag( ) 和 stopDrag( ) 方 法 。 
startDrag( ) 方 法 可 以 让 使 用 者 拖 搜 指定 的 有 影片 羡 辑 。 该 影片 剪辑 在 startDrag( ) 方 法 被 调 
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用 后 ， 将 维持 可 拖 搜 的 状态 ， 和 直到 stopDrag( ) 方 法 征调 用 或 者 二 到 其 他 影片 勇 辑 变 成 可 拖 搜 








为 止 。 

stopDrag( ) 方法 可 以 结 startDrag( ) 方法 的 调用 效果 ， 让 使 用 者 拖 搜 的 影片 剪辑 离开 
拖 搜 的 状态 。 

一 次 只 能 有 一 个 影片 剪辑 处 于 可 拖 搜 状态 。 

语 吾 法 : 








影片 剪辑 元 件 | . startDrag (| 锁定 中 心目 标 |，| 拖 搜 区 域 |) 

. stopDrag( ) 

锁定 中 心 = 布尔 值 ， 指 定 可 拖 搜 的 影片 剪辑 要 锁定 于 鼠标 指针 的 中 央 (true) ， 或 是 锁 
定 在 使 用 者 第 一 次 按 下 影片 的 位 置 (false) 。 

拖 搜 区 域 = 窍 形 对 像 ， 指 拖 搜 影片 剪辑 时 的 限制 范围 。 











范例 ， 
this. startDrag( true ) ; // 将 当前 影片 剪辑 锁定 于 鼠标 的 中 央 ,并 开始 拖 搜 。 
my_mc. stopDrag( ) ; // 停 止 拖 搜 影片 剪辑 “my_mc”。 

本 例 使 用 详解 


拖 搜 对 象 (pl_mc ~ p8_mc) 的 单 击 鼠标 事件 的 Actionscript 语句 : 
pl_mc. addEventListener( " mouseDown" ,move ) ; 


p2_mc. addEventListener( " mouseDown" ,move ) ; 





p3_mc. addEventListener( " mouseDown" ,move ) ; 任何 一 个 拖 搜 对 象 
p4_mc. addEventListener( " mouseDown" ,move ) ; 发 生 鼠 标 单 击 事件 
p5_mc. addEventListener(" mouseDown" ,move ) ; JE 时 ,回调 用 move 所 
p6_mc. addEventListener( " mouseDown" ,move ) ; 数 进 行 处 理 








p7_mc. addEventListener( " mouseDown" ,move ) ; 
p8_mc. addEventListener( " mouseDown" ,move ) ; 


function move(me:MouseEvent ) | 
me. target. startDrag(true ) ;一 一 一 | 拖 搜 对 象 开始 “ 拖 搜 ”动作 


| 

拖 搜 对 象 (pl_mc ~ p8_mc) 的 放 开 鼠标 事件 的 Actionscript 语句 : 
拖 搜 对 象 pl _mc 放 开 鼠标 时 ,调用 
stopmovel 吨 数 








pl_mc. addEventListener(" mouseUp" ,stopmovel ) ; 








function stopmovel ( me:MouseEvent ) | 
me. target. stopDrag( ) ee 停 止 拖 搜 对 象 的 拖 搜 ” 动作 
if( pl1_mec. hitTestObject(bgl_mc) ) | 








pl_mc. x= bgl_mce.x; 
pl_mc.y=bgl_mc. yi 


| 





pp 
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2， 2 热 区 的 创建 和 使 用 


所 谓 热 区 ， 有 是 指 把 茶 一 个 影片 勇 辑 或 者 范围 框 作 为 啊 应 区 域 ， 当 万 一 个 影 厂 和 勇 辑 与 热 区 
发 生 碰 撞 或 者 相交 ， 如 执 行 东 些 行为 。 本 案例 中 ， 我 们 设 定 育 景 网 片 bgl_mc ~ bg8_mc 作为 
热 区 ， 当 使 用 者 用 鼠标 拖 动 拖 搜 对 和 象 时 ， 瑟 其 所 对 应 的 热 区 发 生 碰 撞 或 者 相交 时 ， 则 会 被 吸 
附 到 热 区 ， 即 所 谓 的 坐标 赋 子 。 

hitTestObject( ) 方 法 会 评 佑 影 斤 勇 辑 和 指定 对 象 的 范围 三， 如 朱 它 们 在 任何 一 点 重 王 或 
者 相交 ， 便 会 传 回 true。 

语法 : 

. hitTestObject 人 ) 
可 省 略 参数 
拖 搜 对 象 (pl_me ~ p8_mc) 的 放 开 鼠标 事件 的 Actionscript 语句 : 























拖 搜 对 象 pl _me 放 开 鼠标 


pl_mc. addEventListener( " mouseUp" ,stopmovel ) ;一 一 一 一 


时 ,调用 stopmovel 困 数 





function stopmovel (me: MouseEvent) | 


me. target. stopDrag( ) ; 





将 bgl_me 作为 热 区 ,判断 pl_ 
if( pl_me. hitTestObject( bgl_me) ) | 一 一 一 | me 与 bgl_mc 是 否 发 生 重 辣 或 
者 相交 








根据 荆 述 判断 ,如 果 两 闭 相 交 . 
一 一 | 则 拒 热 区 的 举 标 赋予 拖 搜 对 象 
的 坐标 


pl_mc. x= bgl_mc.x; 
pl_mc.y= bgl_mce.y:; 








| 
| 
泡 例 : 
myBol = this. hitTestObject( my_mc ) ; 
/+* 以 影片 剪辑 “my_mc” 的 范围 框 为 评估 值 区 域 ， 评 佑 影片 剪辑 “my_mc” 与 当前 影 
片 剪辑 是 否 有 重奏 或 相交 ， 并 将 评估 结果 存 人 变量 myBol 中 */ 
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【案例 概述 】 

本 采 例 是 “房地产 公司 网 站 导航 ”案例 的 制作 ， 以 宝 龙 集团 为 例 。 通 过 本 条 例 的 学 习 ， 
谈 者 可 以 掌握 如 何 获取 本 地 时 间 和 鼠标 事件 的 使 用 (如 鼠标 滑 入 、 滑 出 等 )。 采 例 部 分 效果 
如 图 7. 38 所 示 。 
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Powerlong Real Estate Holdings Limited 
和 ~” 宝 龙 地 产 控股 有 限 公 司 


2014 年 协 月 右上 日 


宝 龙 项 目 

宝 龙 地 产 CHK, 1238) 是 中 国 首 过 商业 
地 疡 上 市 企业 ， 专 福 于 开发 及 经 营 商 质 
是 、 太 规 棵 、 多 业态 的 综合 性 商业 地 产 
项 目 。 汉 司 现 有 到 个 物业 项 目 分 布 于 全 
国 25 个 城市 ， 主 打 产 品 城 市 综合 体 “ 宝 
龙 城 市 广场 ”是 桌 坟 型 购 骑 ， 品 牌 商 
丫 ， 烛 食 ,娱乐 ， 交 化 ， 性 闲 ， 住 宪 和 
酒店 于 一 体 的 城市 综 音 体 ， 是 所 在 城市 
的 最 太 型 综合 商业 坟 标 之 一 。 和 连续 包 年 
获 评 中 国 房地产 五 十 强 在 业 、 中 国 商 汪 
地 产 五 强 企 业 、 中 国 上 市 房 塘 疡 企业 十 
强人 在 业 、 中 国 商 业 项 目 品 牌价 值 五 强 ， 
中 国 商 业 擅 产 企 业 品 牌价 值 五 强 竺 。 








图 7. 38 “房地产 网 站 导航 ”效果 图 


【 实现 过 程 】 

1. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后 ,新建 一 个 文档 ， 设 置 文 档 大 小 为 775 x 353 像素 ,背景 色 为 
#EDEDEB。 执 行 “ 文 件 ” 一 “保存 ” 且 单 命令 ， 将 新 文档 保存 ， 并 命名 为 “综合 练习 ”。 

导入 素材 图 片 

执行 “文件 ”一 “ 导 和 人 ”一 “导入 到 库 ” 羔 单 命令 ， 在 打开 的 “导入 ”对 话 框 中 选择 与 本 
案例 相对 应 的 又 材 文 件 夹 的 图 片 “ 宝 龙 图 标 . png”、 “背景 . jpg”、 “背景 1. jpg”、“ 背 景 
2. jpg”、“ 地 图 . png”、“ 钉 子 . png”、“ 招 聘 信息 . jpg”， 再 次 单 击 “打开 ”按钮 ， 导 入 所 需 
的 背景 图 片 如 图 7. 39 所 示 。 








而 Bitmapltl 
| 看 | Bitmap 6 
看 | Bitmap 7 
宝玉 图 标 .png 
恤 | 地 图 .png 
招聘 信息 .jpg 





图 7.39 素材 导入 


3. 制作 所 需 元 件 
E> 文字 按钮 元 件 的 制作 。 新 建 “ 按 钮 ”元 件 重 命 名 为 “元 件 3”。 将 图 层 1 重 命 名 为 


AN 
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“文字 ”， 在 第 1 帧 处 输入 文本 “首页 ”， 在 第 2 帧 处 插入 关键 帧 ， 并 把 文字 的 颜色 更 改 为 白 
色 ， 在 第 4 帧 处 插入 帧 。 
ESE7 参 新建 一 层 置 于 “文字 ” 层 的 下 方 重 命名 为 “背景 ”， 在 第 2 帧 处 搬入 关键 帧 ， 使 
用 铅笔 工具 为 文字 请 出 育 景 ， 如 图 7. 40 所 示 ， 在 第 4 帧 处 插 
入 帧 。 
ESE 新 建 一 层 置 于 “文字 ” 层 的 上 方 ， 重 命名 为 “ 声 AM 
首 ”， 在 第 2 帧 处 插 人 关键 帧 ， 导 入 声音 文件 02 到 库 ， 在 属 
性 面板 中 选择 02 。 

依 此 方法 ,分 别 制作 “关于 我 们 ”、“ 宇 龙 动态 ”、“ 人 才 中 心 *"”、“ 联 系 我 们 ”的 文子 
按钮 。 
3B> 接 下 来 ， 为 地 图 中 的 9 个 省 市 做 出 相对 应 的 按钮 元 件 。 

使 用 “铅笔 ”工具 在 各 个 省 份 上 绘制 出 其 形状 ， 然 后 把 形状 转换 为 按钮 元 件 ， 以 省 市 
名 称 命名 ， 并 设置 Alpha 值 为 0。 
EBBEP> 新 建 影片 勇 辑 元 件 ， 黑 认命 名 为 “元 件 1”。 选 择 第 1 帧 ， 在 动作 面板 中 输入 脚本 
“this. stop( ) ; ”在 第 2 帧 处 插入 空 日 关键 帧 ， 使 用 “文本 工具 ”输入 河南 相对 应 的 宝 龙 城市 
广场 名 称 ， 设 置 文本 大 小 为 11、 黑体， 并 使 其 与 舞台 中 心 对 其 。 

依照 此 方法 ， 在 第 3 ~ 10 烦 处 分 别 输入 其 他 各 省 市 宝 龙 广场 的 名 称 。 为 了 方便 后 期 脚本 
的 编写 ， 宕 要 为 每 一 帧 设置 帧 标签 ， 用 其 所 在 的 省 市 命名 ， 如 第 2 帧 (河南 省 ) 的 帧 标签 
为 “henan”， 依 此 类 推 设置 其 他 帧 的 帧 标签 ， 如 图 7. 41 所 示 。 








图 7.40 按钮 背景 
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图 7.41 影片 剪辑 元 件 的 设置 


4. 布置 舞台 场景 
ES 将 “网 层 1” 改 为 “背景 ”， 将 素材 “背景 .png”、“ 背 景 1. png”、“ 硼 景 
2. png”、“ 宝 龙 图 标 . png”、 “钉子 . png” 导 入 到 人 舞 台 ， 摆 放 到 相应 的 位 置 ， 并 在 宝 龙 图 标 
的 劳 边 加 上 合适 的 文字 说 明 ， 之 后 在 第 5 帧 处 插入 帧 。 为 防止 出 现 岁 层 之 间 的 选择 错误 ， 锁 
定 该 层 。 

在 该 层 的 右上 角 ， 使 用 “文本 工具 ”输入 三 个 单独 的 静态 文字 : “年 ” “月 ” “日 ”， 
并 画 出 三 个 动态 文本 框 ， 分 别 实 例 命 名 为 : year_txt、month_txt、day_txt， 文 字 和 文本 框 的 
大 小 均 设置 为 10， 使 用 对 齐 工 具 ， 调 整 其 位 置 如 图 7. 42 所 示 。 

选择 该 层 第 1 帧 ， 按 【Fe9】 键 打开 动作 面板 ， 输 入 脚本 代码 如 图 7. 43 所 示 ， 设置 文本 
框 获 取 本 地 时 间 。 
EP 新 增 网 层 “ 按 钮 ” 。 将 之 前 制作 好 的 文字 按钮 拖 放 至 舞台 背景 2 处 ， 并 摆 放 好 位 
置 ， 如 图 7.44 所 示 ， 并 在 第 5 帧 处 搬入 帧 ， 并 分 别 将 其 实例 命名 为 : home_btm、us_btn、 


dongtai_btn、rencai_btn、lianxi_ btn 。 
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动作 
Actionscript 3.0 ba 
HH (var nowlate=new Datet).: 





2 vear txt.text=nowhate. getFullYeart). 
3 month txt.text=nowhate. getNontht) +l: 
4 day_ txt.text=nowDate. getDay i : 





nn Actionscript : 帧 
a 加 Actionscript : 帧 
2 加 Actionscript : 由 
em 回 Actionscript : 帧 
2 图 Actionscript : 帧 
: 回 按 乌 : 帧 1 
回 背景 : 帧 工 
日 者 元 忻 定 义 


时 加 元 件 1 


图 7.43 获取 本 地 时 间 脚 本 


” poweriong Neal Estate Holdings Limited 
e 宝 龙 地 产 控股 有 限 公司 ~ 





图 7.44 “按钮 ” 层 
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第 7 章 Flash 脚本 语言 


选择 第 1 帧 为 这 些 文字 按 钮 设置 交互 脚本 代码 ， 如 图 7.45 所 示 。 


归 崩 全 wv 用 名 所 祥 蔡 某 四 四 人 Fg 


import flash, ewernts. MouseEwent ; 


home_ btn. addEwentListenert" click", home,.: 
function hometewve: MouseEwvent) { 
this, eot ohndSstop (1): 
1 
us_btn. addEventListenert” click” ,us): 
fumction ustewve: MouseEwent) { 
| this. eotobndstop (2): 
410 } 
| 二 donetai_btn. addbventListener ("click”, donetai). 





Lm Fo 号 


: 帖 
: 帧 
图 Actionscript : 帖 
: 帖 
: 帖 


… 加 “Actionscript | : = 

: la funmction dongtaitewe:MouseEwvent) 

Ee 四 按 鳃 : 帧 1 113 this. got ondstop (3) ; 

2 加 背 受 : 帧 1 14 } 

一 ls rencai _ btn. addEventListenert’ click Tencal) ; 
日 元 性 定 六 | = 3 

外 2 16 fanctior rencaiteve:NMouseEvent) 

四 国 元 件 1 i this. gotohndstop (d) : 

18 } 


19 lianxi _ btn. addEwventListenert click", liarxi). 
20 furctior liarxitewve:NMouseEwvert) { 

|21 this. eotohndStop (6) : 

| } 


加 按钮 : 工 列 
第 22 行 ( 共 22 行 ) ,第 3 列 


图 7.45 “按钮 ” 层 第 1 帧 脚本 代码 


ESERj 新 增 图 层 “ 内 容 ”。 第 1 帧 在 右边 背景 处 为 “站 页 ”设置 相应 的 内 容 场 景 ; 并 把 之 
前 制作 好 的 9 个 省 市 按钮 元 件 拖 放 至 对 应 的 省 市 处 、 分 别 实例 命名 为 : henan_ btn、 tianjin_ 
btn、 shandong _ btn、 jiangsu _ btn、anhui_ btn、shanghai_ btn、zhejiang _ btn、fujian _ btn、 
chongqing_ btn。 

将 影片 剪辑 “元 件 1“ 放 置 在 合适 的 位 置 。 

在 第 2 帆 处 插入 空白 关键 帧 ,为 “关于 我 们 ”设置 相应 的 内 容 ; 依 此 类 推 ， 在 第 2 帧 、 
第 3 帧 、 第 4 帧 、 第 5 帧 处 分 别 为 “ 宝 龙 动态 ”、“ 人 才 中 心 ”"、“ 联 系 我 们 ”设置 相应 的 内 
容 ， 在 第 5 帧 处 插入 帧 。 
EYP> 新 增 “Actionscript” 层 。 选 择 第 1 帆 ， 为 那些 省 市 按钮 添 加 鼠标 交 入 / 滑 出 的 交互 
脚本 代码 ， 如 图 7. 46 所 示 。 
EP> 分 别 为 第 2 帧 、 第 3 帧 、 第 4 帧 添加 代码 “this. stop( ) ;”。 


【技术 讲解 】 





A 获取 本 地 时 间 的 方法 


利用 Date 对 象 取得 系统 日 期 的 时 间 信 息 ， 并 组 合 显示 出 当期 日 期 的 年 月 日 。 通 过 get- 
FullYear( ) 、getMonth( ) 、getDay( ) 方法 可 以 获取 本 地 时 间 的 年 月 日 。 

getFullYear( ) 方法 会 传 回 年 份 的 绝对 值 ， 使 用 此 方法 可 避免 千 福 年 的 问题 ， 例 如 1980 
年 就 会 传 回 “1980”。 

getMonth( ) 方法 会 传 回 Date 对 象 中 一 个 介 于 0 ~ 11 之 间 的 整数 ,代表 月 份 从 (0 为 1 
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RC 由 长 得 片断 泳 名 
I this. stopt) : i | 网 
| 加 import flash. events. MouseEwernt. (了 W | 
加 Actionscript : 帧 Ea ; 
14 henan btn. addEventListener (MouseEwent. MOUSE_OVER, heraru ; 
日 场 叶 1 | 5 functiorn henantewe:NMouseEwert) | 
图 Actionscript : 帧 | a_ me. gotoarndStopf henar 1 
加 Actionscript : 帧 | 本 | a 
: ig 上 ES 吕 tianjin btn. addEwventListener tMouaseEwvent. MUSE OVER, tianiin). 沁 
六 图 Actionscript : 帧 [9 fmction tianijintewve:MouseEwvent) 司 
站- 图 Actionscript : 帧 四 a_ Mc. gotobndstopt" tianijin 1 
加 Actionscript : 帧 11 ! 
: , [12 shandone_btn. addEventListener (MouseEwvent. MOUSE_OVER, shandone) : 
a 加 按钮 : 帧 1 13 function shandone tewve:MouseEwent) { 
加 背景 : 帧 1 [14 a me. Eotobndstopt" shandong”). 
ER 115 } 
辕 元 件 定 这 | Li | 
名 __ | | jiangsu btn. addEwentListener tMouseEwent. MOUSE_OVER, jiargsul ; 
四 -由 元 件 1 IT function jianesutewe:MouseEwvent) | 


| 18 a mc. EotobndStopt” jiangsu 1 ; 

|19 } 

‘20 anhui_btn. addEwventListener (MouseEwvent. MUSE_OVER, anhui) : 

bes function anhuitewe:NMouseEwvent) { 

[22 a mc. EotobndStopt" anhui” ). 

23 } 

el shanehai_btn. addEwventListener (MouseEwvent. MOUSE_ OVER, shanehai) : 
|26 function shanehaitewe: MouseEwent) { 


26 a mc. eotobndStopt" shanehai”): 

12 了 } 

(28 zhejiane_ btn. addEwventListener (MouseEwvent. MOUSE_ OVER, zhejiang) : 

a9 Timr+inm sheiiansierrp 了 rsPPrrern+1T | 





图 7. 46 “Actionscript” 层 第 1 帧 脚本 代码 


getDay( ) 方法 会 传 回 Date 对 象 中 一 个 介 于 1 ~31 之 间 的 整数 ， 代 表 日 期 值 。 
语法 : 

日 期 时 间 对 象 . getFullYear( ) 

日 期 时 间 对 象 . getMonth( ) 

日 期 时 间 对 象 . getDay( ) 

本 市 中 的 例子 应 用 在 “背景 ” 层 第 1 帧 . 








var nowDate = new Date( ) ; 一 一 一 | 建立 日 期 时 间 对 象 

year txt. text = nowDate. getFullYear( ) ; 将 当期 日 期 (年 月 日 ) 分 别 
month txt. text = nowDate. getMonth( ) + 1 ; 一 一 一 | 指定 给 “yeat_txt”“month_txt” 
day txt. text = nowDate. getDay( ) ; “day_txt” 等 动态 文本 框 








鼠标 事件 的 使 用 


本 布 案 例 中 用 到 了 两 个 鼠标 事件 : Mouse_ Over 和 Mouse_ Out。 鼠 标 事 件 是 指 当 鼠标 进 
行 单 击 、 双 击 、 按 下 、 移 入 、 移 出 等 操作 时 ， 所 执行 的 操作 。 

Mouse_ Over: 当 鼠 标 指针 在 对 象 范 围 内 移动 时 发 生 。 字 符 串 为 mouseOver。 

Mouse_Out: 当 鼠 标 指 针 移出 对 象 时 发 生 。 字 符 串 为 mouseOut。 

在 Actionscript 3. 0 中 ， 常 用 的 鼠标 事件 如 图 7. 47 所 示 。 
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图 7.47 常用 鼠标 事件 
本 届 中 的 例子 应 用 在 “Actionscript” 层 第 1 帧 


以 河南 为 例 进 行 讲解 。 


henan_btn. addEventListener( MouseEvent. MOUSE_OVER ,henan ) ; 
function henan( eve:MouseEvent ) | 

a_mc. gotoAndStop( " henan" ) ; 

| 





当 忌 标 移入 按钮 元 件 “henan_ 


bm” 的 范围 时 , 执行 函数 
henan ,使 影片 剪辑 a_mc 跳 转 
到 “henan” 这 一 帧 
chongqing_btn. addEventListener( MouseEvent. MOUSE_OUT ,out);; 
henan_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
tianjin_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 








shandong_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
jiangsu_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
anhui_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
shanghai_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
zhejiang_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
fujian_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 





当 鼠 标 移 出 任何 一 个 按钮 元 
一 一 | 件 的 范围 时 ,执行 函数 out ,使 
影片 剪辑 a_mc 跳 转 到 第 1 帧 


chongqing_btn. addEventListener( MouseEvent. MOUSE_OUT ,out ) ; 
function out( eve:MouseEvent ) | 

a_mc. gotoAndStop( 1); 

| 











经 过 前 面 几 章 学 习 ， 相 信 读 者 对 Flash CS6 已 经 有 
了 一 个 非常 全 面 地 认识 。 本 章 将 通过 几 个 大 型 的 实战 
型 综合 项 目 ， 向 读者 全 面 展 示 Flash 的 制作 技巧 和 应 
用 魅力 。 好 了 让 我 们 马上 开始 吧 ! 


综合 案例 的 制作 方法 
镜头 切换 的 基本 技巧 
游戏 设计 的 基本 方法 
游戏 中 类 的 实现 





ec ct dst 





A 动画 概述 








动画 是 通过 连续 播放 一 系列 画面 ， 给 视觉 造成 连续 变化 的 图 像 。 传 统 动画 制作 技艺 复 
， 完 全 依赖 创作 人 员 手 绘 拍摄 而 得 ， 是 一 项 工程 浩大 的 集体 劳动 。 按 照 每 秒 24 帧 画面 计 
算 ，lmin 的 动画 片 就 需要 绘制 1440 张 图 画 。 在 最 早 的 迪士尼 动画 片 《白雪 公主 》 这 部 长 达 
83min 的 动画 片 中 ， 共 绘制 了 2 亿 张 草图 ， 最 后 用 来 拍摄 的 图 画 也 达 250000 张 。 这 不 仅 耗 
时 费力 ， 在 具体 的 技术 环节 上 也 很 难 把 握 。 对 于 动作 设计 、 时 间 控 制 等 方面 对 动画 师 都 有 极 
高 的 要 求 ， 即 使 是 动画 师 拥有 高 超 的 绘画 技能 、 丰 呀 的 生活 经 验 也 很 难 解 决 这 一 问题 。 随 着 
计算 机 图 形 学 及 相关 技术 的 飞速 发 展 ， 人 们 想到 借助 计算 机 来 辅助 制作 动画 ， 随 后 一 系列 的 
动画 软件 相继 问世 。Plash 软件 以 其 优秀 的 矢量 绘图 功能 及 强大 的 动画 制作 功能 风靡 全 球 。 


A 综合 动画 制作 技巧 


本 划 主 要 介绍 综合 动画 制作 过 程 中 常用 的 技巧 和 手法 ， 具 体 如 下 : 
1) 如 何 实现 预 载 动画 ; 

2) 如 何 实现 镜头 的 切换 ; 

3) 镜头 的 移动 在 动画 场景 中 的 应 用 ; 

4) 如 何 有 效 地 管理 元 件 ; 

5) 如 何 使 用 影片 艾 辑 混合 模式 。 
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《二 坟 “高 校 网 站 开场 动画 * 项目 


【项 目 说 明 】 


本 项 目的 主要 内 容 是 制作 一 个 高 等 院 校 的 网 站 开场 动画 。 项 目的 开头 是 预 载 动画 ， 接 寿 
动画 显示 该 学 校 的 中 英文 名 称 ; 动画 的 主 画 面 主要 显示 该 校 的 校风 校训 和 教 风 等 风 两 部 分 内 
容 ， 中 间 小 动画 显示 该 校 的 主要 科 人 研 成 有 末 、 人 研究 领域 和 学 术 上 有 成 绩 的 教授 图 片 ; 最 后 显示 
登录 界面 ， 访 问 者 可 点 击 按钮 访问 学 校 主页 。 其 效果 如 图 8. 1 所 示 。 


【 实现 过 程 ) 


1. 项 目 设计 思路 
EE5B> 本 项 目 是 一 个 高 校 的 网 站 开场 动画 ， 开 场 动画 以 该 校 的 “校风 校训 ”、“ 学 风 教 风 ” 
为 主要 内 容 来 显示 该 局 校 的 主要 风貌 ,为 了 进一步 突出 该 蜗 校 的 特色 ， 中 间 用 圆 形 的 小 动画 
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固 Adobe Fash Player 21 SS 
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跳 过 六 


图 8.1 项 目 中 的 主要 界面 效果 图 








循环 显示 了 该 校 相关 人 研究 领域 的 画面 、 相 关 的 科研 人 员 的 图 片 等 信息 。 由 于 是 高 等 院 校 的 网 
站 开场 动画 ， 字 体 和 相关 颜色 的 选取 上 尽量 避免 花哨 、 过 分 修饰 的 痕迹 ， 以 显示 高 等 院 校 沉 
稳 、 大 气 的 特点 。 
E33 本 项 目的 设计 步 又 分 为 五 个 部 分 : 预 载 动 画 、 名 字 显 示 、 校 风 校 训 显 示 、 和 学 风 教 
风 显 示 、 欢 迎 访 问 界 面 。 

2. 制作 预 载 动 画 
RBS5BD> 启动 Adobe Flash CS6 后 ， 新 建 一 个 文档 设置 文档 大 小 为 778 x432 像素 ,背景 
“ 蓝 色 ”。 执行“ 文件 ”一 “保存 ”有 亲 单 命令 ， 将 新 文档 保存 ， 并 命名 为 “高 校 网 站 开场 动 
田 。 
ES 3 重 命 名 图 层 1 为 “loading”， 选 择 “ 文 本 工具 ”， 设 置 “ 文 本 类 型 ”为 “静态 文 
本 ”， 字体 为 “Times New Roman”， 字 号 为 “12”， 字体 颜色 为 “#666666”， 在 舞台 中 间 处 
输入 “LOADING…”， 并 将 该 文本 转化 为 影 瞩 喜 辑 元 件 “loading”， 效 果 如 图 8. 2 所 示 。 
EHR 了 > 新 建 图 层 并 重 命名 为 “计数 ”， 选 择 “ 文 本 工具 ”,， 设置 “文本 类 型 ”为 “动态 文 
本 ”， 字 体 为 “Times New Roman”， 字 号 为 “12”， 字 体 颜色 为 “黑色 ”， 在 元 件 “loading” 
的 后 面 拖 出 一 个 文本 框 ， 在 “属性 ”面板 中 将 变量 命名 为 “percentage”， 如 图 8. 3 所 示 。 
RSSZ 参 ”新 建 图 层 并重 命 名 为 “进度 条 1”， 选 择 “ 和 矩形 工具 ”,， 设置 笔触 颜色 为 “无 ”， 填 
充 类 型 为 “线性 填充 ”， 颜 色 设置 为 “#33B3FF” 和 “#CEFF66”， 在 “loading…” 的 下 面 
画 一 个 和 矩形， 并 将 其 转化 为 影片 剪辑 元 件 “ 进 度 条 1”， 并 将 该 实例 命名 为 “bar”， 效 果 如 























系列 : 
样式 : [Regular | | 广 入 .… 
大 小 : 雹 0 点 字母 间距 : 0.0 
疡 色 : 国生 口 自动 调整 字 中 










图 8.2 加 载 动画 设计 界面 图 8.3 “percentage” 动态 文本 设置 


EP> 在 图 层 “ 进 度 条 1” 上 新 建 图 层 “ 加 载 条 2”， 选 择 “ 和 矩形 工具 ”， 设置 笔 触 颜 色 
为 “和 白色 ”， 填 充 颜色 为 “线性 填充 ”， 颜 色 设置 为 3 个 “#FFFFFF”, “Alpha” 值 依次 设置 
为 “0%”、“70%” 和 “0% ”， 颜 色 填 充 为 上 下 填充 ， 画 一 个 和 “进度 条 1” 一 样 大 小 的 矩 
形 ， 并 将 其 转化 为 影片 剪辑 元 件 “ 进 度 条 2”， 效 果 如 图 8. 2 所 示 。 

ES 新 建 图 层 并 重 命名 为 “as”。 选 中 第 1 帧 ， 在 “动作 ”面板 中 输入 如 图 8.4 所 示 
脚本 。 









J 
1] totalsize = root.eetBytesTotalt).: 

2 currentsize = root.eetBytesLoadedt).: 

3 Percertage.+ext = Math.floortcurrentsize / totalsize * 100): 
| this.bar. xscale=percentaee.text. 





图 8.4 第 1 帧 代码 





其 中 第 1 行 ， 用 getBytesTotal( ) 上 数 获 取 影 片 的 总 字 数 并 赋值 给 变量 totajlslze ; 第 2 
行 ， 用 getBytesLoaded( ) 因数 获取 影片 已 经 下 载 的 字 节 数 并 赋值 给 变量 currentsize; 第 3 行 
计算 已 经 下 载 的 百分比 并 赋值 给 动态 文本 框 “percentage” 显 示 。 第 4 行 实例 “par” 的 长 度 
随 着 下 载 百 分 比 动 态 增 大 。 
选中 第 2 帧 ， 在 “动作 ”面板 中 输入 如 图 8.5 所 示人 代码。 
其 中 第 1 行 代码 判断 已 加 载 的 字 人 数 是 否 等 于 总 字 节 数 (是 否 加 载 100% ); 第 3 行 表 
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示 如 果 下 载 没 有 完成 ， 跳 转 到 第 1 帧 ， 继 续 预 载 ; 第 7 行 表 示 下 载 完 毕 ， 转 到 主动 画 中 
播放 。 

3. 制作 名 字 显 示 动 画 
EBP 新 建 影片 剪辑 元 件 “ 中 文 名 字 ”。 选 择 “文本 工具 ”按钮 ， 设 置 “文本 类 型 ”为 
“静态 文本 ”， 字 体 为 “中 山行 书 ”， 字 号 为 “45”， 字 体 颜色 为 “#D20905”,， 输入 “河南 科 
技 学 院 ”。 
ES 新 建 影片 剪辑 元 件 “ 英 文 名 字 ”。 选 择 “文本 工具 ”按钮 ， 设 置 “文本 类 型 ”为 
“ 毅 态 文本 ”， 字 体 为 “Arial”， 字 号 为 “1$”， 字 体 颜 色 为 “各 00000”， 输 入 “Henan Insti- 
tute of Science and Technology 。 
EB> 新 建 图 形 元 件 “ 光 束 ”。 绘 制 一 个 宽 为 60 像素， 高 为 77 像素 的 无 框 矩 形 ， 填 充 类 
型 为 “线性 填充 ”，3 个 颜色 值 均 为 “#FFFFFF”, “Alpha” 值 依次 设置 为 “0%”、“70%” 
和 “0%”， 闫 色 十 充 为 左右 填充， 其 效 末 如 图 8.6 所 示 。 
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1 if tpercentage.text < 100) 
2 
eotohndPlawv (1).: 
| 
加 Else 
6 { 
T eotobndP lay (d) ; 
8 
图 8.5 第 2 帧 代码 图 8.6 绘制 “光束 ”效果 图 


E53 了 > 回 到 主场 景 中 ， 新 建 图 层 重 命 名 为 “内 框 ”， 在 第 5 帧 搬入 空白 关键 帧 。 在 第 5$ 帧 
处 绘制 一 个 大 小 为 778 x432 像素 的 无 框 白 色 和 矩形 ， 使 其 正好 诞 住 舞 台 背 景 。 

BE 回 到 主场 景 中 ， 新 建 图 层 重 命 名 为 “标题 "， 在 第 5 帧 搬入 空白 关键 帧 ， 拖 动 元 件 
“中 文 名 字 ” “英文 名 字 ” 到 舞台 中 央 ， 将 这 两 个 元 件 转化 为 影片 剪辑 元 件 “ 文 字 动 画 ”。 
双击 “文字 动画 ”元 件 ， 进 入 该 元 件 编辑 窗口 。 将 元 件 “ 中 文 名 字 ”、 “英文 名 字 ” 分 别 放 
到 “中 文 ”" “英文 ”图 层 中 。 分 别 在 两 个 图 层 的 第 24 帧 处 插入 关键 帧 ， 分 别 设置 第 1 帧 处 
该 实例 的 “色彩 效果 ”样式 为 “Alpha”， 取 值 为 “0% ”， 然 后 在 各 层 的 第 1 帧 和 第 24 帧 中 
间 创 建 传统 补 间 动画 。 新 建 图 层 “ 中 文 2”， 复 制图 层 “ 中 文 ”的 第 24 帧 到 其 24 帧 处 。 新 
建 图 层 “ 光 束 ”， 在 第 24 帧 处 插入 关键 帧 ， 拖 动 元 件 光 束 到 舞台 上 ， 并 将 其 放置 在 “河南 
科技 学 院 ” 的 最 左边 ， 在 第 62 帧 处 搬入 关键 帧 ， 并 将 元 件 移 到 文字 的 最 右 侧 外 方 ， 在 第 24 
帧 和 第 62 帧 中 间 创 建 传统 补 间 动 画 。 移 动 图 屋 “ 光 束 ” 到 图 层 “ 中 文 2” 的 下 方 ， 选 中 图 
层 “ 中 文 2”， 创 建 遮 置 层 。 延 伸 各 图 层 至 第 68 帧 。 新 建 图 层 ， 在 第 68 帧 处 插入 空白 关键 
帧 ， 添 加 代码 “stop( ) ;”。 其 最 后 效果 如 图 8.7 所 示 。 

RYH 新 建 按钮 元 件 “ 跳 过 ”。 选 择 文本 工具 ， 字 体 为 “宋体 ”， 大 小 为 “15”， 颜 色 为 
“黑色 ”， 输 入 文字 “ 跳 过 ”， 在 “指针 经 过 ”“ 按 下 ”和 “点 击 ” 处 搬入 关键 帧 。 新 建 图 
层 ， 绘 制 一 个 大 小 和 文本 相同 的 无 框 和 矩形 ， 颜 色 填 充 为 淡 蓝 色 渐 变 ， 可 参考 元 件 “光束 ” 
目 5 的 填充 方法 ， 其 效果 如 图 8. 8 所 示 。 
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图 8.7 “文字 动画 ”影片 剪辑 的 图 层 关 系 


六 场景 1 凤 跳 过 





图 8.8 “ 跳 过 ”按钮 


7 回 到 主场 景 中 ， 新 建 图 层 重 命 名 为 “按钮 ”， 在 第 21 帧 插入 空白 关键 帆 ， 放 置 按 
钮 元 件 “ 跳 过 ”到 舞台 的 右 下 方 ， 在 第 29 帧 处 插入 关键 帧 。 设 置 21 帧 处 的 “ 跳 过 ”按钮 
实例 的 “色彩 效果 ”样式 为 “Alpha”， 取 值 为 “0%”， 在 第 21 帧 和 第 29 帧 中 间 创 建 传统 
补 间 动 画 。 选 中 该 按钮 ， 在 右键 菜单 中 选择 “动作 ”选项 ,输入 代码 “on (release ) 
| gotoAndPlay (735 ) ;| 。” 
4. 制作 “校风 校训 显示 ”动画 

E> 新 建 图 形 元 件 “ 线 1”。 选 择 “ 直 线 工 具 ”， 设置 笔触 颜色 为 “#8FBBFA”， 绘 制 一 
条 直线 。 新 建 图形 元 件 “ 边 线 ”。 选 择 “ 和 矩形 工具 ”,， 设置 笔触 颜色 为 “无 "， 填 充 颜色 为 
“#E1EBFF”， 绘 制 高 度 为 6 像素 ， 宽 为 800 像素 的 和 矩形。 参照 元 件 “ 边 线 ” 的 绘制 方法 ， 
创建 填充 颜色 为 “#6699FF”， 高 度 为 6 像素 的 元 件 “ 线 2”; 创建 填充 颜色 为 “#66CCCC”， 性 
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高 度 为 3 像素 的 元 件 “ 线 3”; 创建 填充 颜色 为 “#CCFF99”， 高 度 为 1 像 系 的 元 件 “ 线 4”。 
ESE7 戎 ”新 建 影片 剪辑 元 件 “ 彩 市 ” 。 在 第 1 帧 处 放 入 元 件 “ 线 2”， 在 第 10 帧 处 插入 关键 
帧 。 设 置 第 1 帧 处 的 Alpha 值 为 20% ,垂直 癌 下 移动 第 10 帧 处 的 元 件 一 小 段 距 离 ， 设 置 Al- 
pha 值 为 60% 。 在 第 22 帧 处 搬入 关键 站 ， 和 对 二 回 下 移动 一 些 距 离 ， 设 置 实例 的 “色彩 效 宋 ” 
样式 为 “Alpha”， 取 值 为 “0%”， 分 别 在 第 1 帧 和 第 10 由 中间， 第 10 帧 和 第 22 帧 中 间 创 
建 传 统 补 间 动画 。 以 此 方法 新 建 图 层 ， 放 入 不同 的 彩 线 ， 制 作 一 个 线条 交叉 运动 的 动画 ， 其 
效果 如 图 8. 9 所 示 。 
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图 8.9 “ 彩 市 ” 影 请 剪辑 各 图 层 之 间 的 关系 和 效果 图 


ES 导入 “素材 ”文件 夹 内 的 所 有 图 片 文件 。 新 建 图 形 元 件 “ 图 片 1”, 将 “ 库 ” 面 板 
中 的 “imasgel” 拖 和 其中， 设置 大 小 为 778 x210 像素 。 

ES 新 建 图 形 元 件 “ 校 训 ”。 选 择 “ 文 本 工具 ”， 字 体 为 “方正 姚 体 ”"， 大 小 为 “55”， 
颜色 值 为 “#990000”， 输 入 文字 “校训 校风 ”。 新 建 图 形 元 件 “ 文 字 1-1”。 选 择 “ 文 本 工 
具 ”,， 字体 为 “方正 姚 体 ”*”， 大 小 为 “25”， 颜色 值 为 
“#990000”， 输 入 文字 “ 案 德 尚 能 ， 知 行 合 一 ”。 在 “ 库 ” 面 板 
中 选中 图 形 元 件 “ 文 字 1-1” 直 接 复 制 为 图 形 元 件 “文字 1-2”， 
打开 元 件 修改 其 中 的 文字 为 “自立 自强 求 是 创新 ”。 

HP> 新 建 网 形 元 件 “ 圆 ”。 选 择 “椭圆 工具 ”， 填 充 颜 色 设 置 
为 “无 "， 绘制 一 大 小 为 121 x 121 像素 的 正 圆 ， 选 择 “ 修 改 ” 一 
“形状 "一 “将 线条 转化 为 填充 ”命令 ， 将 线条 转化 为 填充 。 选 
择 “ 颜 色 ” 面 板 , 设置 填充 颜色 类 型 为 “线性 填充 ”， 颜 色 设 ”图 8.10 图 形 元 件 “ 圆 ” 
置 为 “#FFFFFF” (Alpha 值 为 100% ) 、“#FFFFFF” (Alpha 值 的 效果 图 


为 0% ) ， 其 效果 如 图 8. 10 所 示 。 











EDIT 新 建 影片 剪辑 元 件 “ 圆 图” 。 将 元 件 “ 圆 ” 拖 入 舞台 中 ,在 第 21 帧 处 搬 和 人 关键 帧 ， 
在 第 1 帧 和 第 21 帧 中 间 创 建 传统 补 间 动画 。 打 开 “ 属 性 ”面板 ,设置 补 间 属 性 为 “ 顺 时 针 
旋转 ”、“1 圈 ”。 

HYD> 新 建 影片 筋 辑 元 件 “ 圆 圈 1-2”。 选 择 “ 彬 圆 工 具 ”， 填 充 颜色 设置 为 “无 "， 填 充 
颜色 设置 为 白色 ， 绘 制 一 个 120 x 120 像素 的 正 圆 ， 在 第 8 帧 处 插入 关键 帧 。 选 中 第 1 帧 ， 
将 圆 的 形状 缩小 为 14 x14 像素 的 正 圆 ， 圆 心 不 变 ， 在 第 1 帧 和 第 8 帧 中 间 创 建 形状 补 间 动 
画 。 选 中 第 1 帧 到 第 8 帧 ， 复 制 到 第 27 帧 和 第 35 帧 。 在 “图 层 1” 的 下 面 新 建 图 屋 “ 图 ”， 
在 第 8 帧 插入 空白 关键 帧 ， 放 和 图片“1-3”， 使 其 中 心 和 上 面 图 层 的 圆心 对 齐 ， 将 该 图 片 
转化 为 元 件 “ 图 1-3”， 在 第 22 帧 处 搬入 关键 帧 ， 设 置 第 8 帧 处 元 件 “ 图 1-3” 的 实例 Alpha 
值 为 0， 在 第 8 帧 和 第 22 帧 处 创建 传统 补 间 动画 。 按 此 方法 在 第 35$ 帧 和 第 48 帧 处 放 入 图 片 
“1 -4”。 新 建 图 层 ， 在 第 50 帧 处 搬入 空白 关键 帧 ， 添 加 动作 代码 “stop();”。 元 件 “圆圈 
1-2” 图 层 之 间 的 关系 如 图 8. 11 所 示 。 

















图 8.11 元件“ 圆圈 1-2” 图 层 之 间 的 关系 


RES》 新 建 影 片 剪 辑 元 件 “ 圆 圈 1”。 在 “网 层 1” 中 选择 “椭圆 工具 ”， 填 充 颜 色 设 置 
为 “无 "”， 笔 触 颜色 设置 为 和 白色， 绘制 一 个 120 x 120 像素 的 正 圆 ， 在 第 30 帧 处 搬入 关键 帧 。 
选中 第 1 帧 ， 将 圆 的 形状 缩小 为 $ x5 像素 的 正 圆 ， 圆 心 不 变 ， 在 第 1 帧 和 第 30 帧 中 间 创 建 
形状 补 间 动画 。 在 “图 层 1” 下 面 新 建 “ 图 层 2” 在 第 1 帧 中 放 和 人 图片“1-1”， 中 心 和 “图 
层 1” 中 的 圆心 对 齐 。 在 第 46 帧 处 插 和 人 关键 帧 ， 放 入 图 片 “1-2”， 转 化 为 图 形 元 件 
“图 1-2”， 在 75 帧 处 搬入 关键 帧 ， 设 置 第 46 帧 处 实例 的 “色彩 效果 ”样式 为 “Alpha”， 取 
值 为 “0%”， 在 第 46 帧 和 第 75 帧 中 间 创 建 传统 补 间 动画 。 在 第 91 帧 处 插入 空白 关键 帧 ， 
放 入 元 件 “ 圆 圈 1-2”， 扩 展 各 层 帧 到 第 140 帧 。 在 “图 层 1” 的 上 面 新 建 图 层 “ 圆 图 ”， 在 
第 1 帧 处 放 入 元 件 “ 圆 圈 ”， 使 其 中 心 和 下 面 图 片 对 齐 ， 扩 展 帧 到 第 140 帧 ， 在 “图 层 17” 
处 创建 遮 置 层 。 其 各 层 之 间 的 关系 如 图 8. 12 所 示 。 参 照 元 件 “ 圆 圈 1” 的 制作 方法 创建 元 
件 “ 圆 圈 2”， 放 置 图 乒 “2-1”、2-2”“2-3”“2-4” 到 元 件 中 。 

BEY 回 到 主场 景 中 。 新 建 图 层 “ 图 片 ”"， 在 第 30 帧 处 放 和 人 元件“ 图片 1” ， 使 其 对 其 到 
舞台 中 央 。 在 第 45 帧 处 插入 关键 帧 ， 设 置 第 30 帧 处 实例 的 “色彩 效果 ”样式 为 “Alpha”， 
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兰 断 好 1 加 圆 图 1 





图 8.12 元 件 “ 圆 圈 1” 图 层 之 间 的 关系 


取 值 为 “0%”， 在 第 30 帧 和 第 45 帧 中 间 创 建 传统 补 间 。 选 中 第 30 帧 到 第 45 帧 ， 复 制 到 第 
304 帧 处 ， 选 中 第 304 帧 到 第 321 帆 ， 单 击 鼠 标 右 刍 选 择 采 单 中 的 “翻转 帧 ”。 

B55 回 到 主场 景 中 。 新 建 图 屋 “ 图 片 ”， 在 第 30 帧 处 放 入 元 件 “ 图 片 1”， 使 其 对 其 到 
舞台 中 央 。 在 第 45 帧 处 插入 关键 帧 ， 设 置 第 30 帧 处 实例 的 “色彩 效果 ”样式 为 “Alpha”， 
取 值 为 “0%”， 在 第 30 帧 和 第 45 帧 中 间 创 建 传统 补 间 动 画 。 

B55IP 新 建 图 层 “ 线 1” 和 “ 线 2”， 在 第 12 帧 插入 空白 关键 帧 ， 在 两 个 图 层 分别 放 置 元 
件 “ 线 1”， 调 整 其 宽度 为 与 舞台 等 长 ， 并 使 用 “对 齐 ” 面 板 ， 使 其 放置 在 舞台 中 央 。 在 第 
29 帧 处 插入 关键 帧 ， 分 别 向 下 、 疝 上 调整 两 根 线 到 舞台 高 度 的 1M4 和 3/4 处 〈 即 图 片 的 上 
下 边沿 处 ) 。 在 第 21 帧 和 第 29 帧 中 间 创 建 传统 补 间 动 画 。 

B55V 新 建 图 层 “边线 ”， 在 第 30 帧 处 插入 关键 帧 ， 拖 人 两 个 “边线 ”元 件 ， 分 别 放置 
“ 线 1” 和 “ 线 2” 的 外 侧 。 新 建 图 屋 “ 彩 带 ”， 在 第 30 帧 处 插入 关键 帧 ， 拖 入 元 件 “ 彩 
人 带 ” 放 在 背景 图 片 的 下 方 。 边 线 等 各 图 层 之 间 的 关系 和 效果 图 如 图 8. 13 所 示 。 














图 8.13 边线 等 各 图 层 之 间 的 关系 和 效果 图 
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SO》 新 建 图 屋 “ 文 字 1”。 在 第 56 帧 处 搬 和 人 关键 帧 ， 拖 动 元 件 “ 校 训 ” 到 边线 的 左上 
方 。 转 化 为 元 件 “ 校 训 动 画 ”， 双 击 该 元 件 进 入 编辑 窗口 。 在 第 10 帧 处 插入 关键 帧 ， 向 左 
移动 第 1 帧 处 的 实例 到 舞台 外 边 ， 设 置 实例 的 “色彩 效果 ”样式 为 “Alpha”， 取 值 为 
“0%”， 在 第 1 帧 和 第 10 帧 之 间 创 建 补 间 动 画 ， 插 入 帧 到 第 53 帧 。 新 建 图 层 2， 复 制图 层 1 
的 第 10 帧 到 网 层 2 的 第 12 帧 ， 插 和 人 帧 到 第 53 帧 。 在 图 层 2 的 下 面 新 建 图 屋 3， 在 第 13 帧 
处 搬入 关键 帧 ， 放 置 元 件 “ 光 束 ” 在 文字 的 左 侧 ， 分 别 在 第 33 、53 帧 处 插 和 人 关键 帧 ， 移 动 
第 33 帧 处 的 元 件 到 文字 的 右 侧 ， 分 别 在 第 13 帧 和 第 33 帧 之 间 ， 第 33 帧 和 第 53 帧 中 间 创 
建 传统 补 间 动画 ， 在 图 层 2 处 创建 遐 曾 层 庶 晶 图 层 3。 新 建 图 屋 ， 在 第 53 帧 处 插入 关键 帧 ， 
添加 动作 代码 “stop( ) ;”。“ 校 训 动 画 ” 元 件 各 图 层 之 间 的 关系 如 图 8. 14 所 示 。 





人 
JEE4 -EE | 记 
2 
DEE -a | od 
SEE 









2 El ej 而 而 [I] 0 RE 





衬 技 学 院 网 站 开场 动 加 ,fa* x 





图 8. 14 “校训 动画 ”元 件 各 图 层 之 间 的 关系 


EDO 新 建 图 屋 “ 文 字 2”。 在 第 97 帧 处 插入 关键 帧 ， 拖 动 元 件 “文字 1-1”“ 文 字 1-2” 
到 背景 图 片 的 右上 方 ， 有 具体 位 置 如 图 8. 15 所 示 。 选 中 两 个 元 件 ， 转 化 为 影片 剪辑 元 件 
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图 8.15 影片 剪辑 “文字 2 动画 ”的 图 层 设 置 
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“文字 2 动画 ”， 双 击 进 入 该 元 件 编辑 窗口 。 分 别 将 两 个 元 件 放置 到 不 同 的 图 层 中 ， 创 建 从 
舞台 外 侧 移动 到 舞台 上 的 补 间 动 画 ， 具 体 方法 如 网 8. 15 所 示 。 

SEO9 新 建 图 层 “ 文 字 3”。 在 第 126 帧 处 搬 和 人 关键 帧 ， 选 择 “ 文 本 工具 ”， 在 舞台 的 右 
上 方 处 输入 如 图 8. 14 所 示 的 文字 ， 转 化 为 影片 剪辑 元 件 “ 文 字 3”， 在 元 件 “文字 3” 中 新 
建 图 层 绘制 一 条 竖 线 。 分 别 给 两 个 图 层 创建 庶 日 层 ， 使 其 动态 显示 ， 在 第 26 帧 处 添加 代码 
“stop( ) ;” 其 各 图 层 之 间 的 关系 如 图 8. 16 所 示 。 
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图 8.16 影片 剪辑 “文字 3” 的 图 层 设 置 


SC 新 建 图 层 “ 同 圈 1”。 在 第 162 帧 处 搬入 关 键 帧 ， 放 置 元 件 “ 圆 圈 1” 到 舞台 上 。 
新 建 图 层 “ 圆 圈 2”。 在 第 199 帧 处 搬入 关键 帧 ， 放 置 元 件 “ 圆 加 2” 到 舞台 上 。 将 两 个 图 
层 延 伸 至 301 帧 。 
S. 制作 “学 风 教 风 显 示 ” 动画 

EDP 新 建 影片 羡 辑 元 件 “ 图 片 2”。 在 “图 层 1” 第 1 帧 中 拖 入 图 片 “2. jpg”， 新 建 图 
层 2， 在 第 1 帧 处 绘制 一 个 比 图 片 稍 大 的 萎 形 ， 在 第 22 帧 处 搬 和 人 关键 帧 ， 在 第 1 帧 处 缩小 该 
图 形 到 左下 角 人 处 ， 在 第 1 帧 和 第 22 帧 处 创建 形状 补 间 动画 ， 设 置 图 层 2 谈 昌 图 屋 1， 并 在 第 
22 帧 处 添加 动作 代码 “stop( ) ;”。 其 图 层 设置 如 图 8. 17 所 示 。 
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图 8.17 影片 剪辑 “图 片 2” 的 图 层 设置 
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ES 参照 制作 “校风 校训 显示 ”动画 的 方法 制作 “学 风 教 风 显 示 ” 动 画 部 分 。 
ES》 新 建 图 形 元 件 “ 背 景 边框 ”。 绘 制 一 个 大 小 为 1450 x 994 像素 的 红色 边框 无 填充 颜 
色 的 矩形 ， 接 看 绘制 一 个 大 小 为 748 x432 像素 的 红色 边框 无 填充 颜色 的 矩形 ， 使 这 两 个 矩 
形 分 别 和 舞台 对 齐 到 中 央 ， 将 两 矩形 边框 围 成 的 图 形 填充 为 矩形 ， 删 除 掉 边 线 。 新 建 图 层 
“背景 边框 ”， 在 第 4 帧 处 插入 空白 关键 帧 ， 拖 和 人 元件 “背景 边框 ”， 放 置 到 舞台 中 央 ， 扩 展 
帧 到 650 帧 。 

6. 制作 “欢迎 访问 界面 ”动画 
5B 新 建 图 形 元 件 “ 缘 景 2”。 选 择 “ 和 矩形 工具 ”， 绘制 一 个 大 小 为 778 x 432 像素 的 无 
框 矩形 ， 进 行 “ 淡 蓝 色 ”“ 蓝 色 ” 的 线性 渐变 填充 。 
ES 新 建 网 形 元 件 “ 线 圈 ”。 人 参考 元 件 “ 圆 ”的 绘制 方法 ， 绘 制 一 个 直径 为 260 像素 的 
正 圆 ， 填 充 颜 色 为 无 。 
ES 新 建 图 形 元 件 “ 欢 迎 ”。 选 择 “ 文 本 工具 ”， 字 体 为 “华文 行 梢 ”， 大 小 为 “40?”， 
颜色 为 白色 ， 输 入 文字 “欢迎 访问 ”。 
ESEZ 参 新 建 图 形 元 件 “ 环 ”。 使 用 “椭圆 工具 ”， 绘制 一 个 白色 的 空心 圆 环 白色 ， 其 效果 
如 图 8. 18 所 示 。 新 建 影片 剪辑 元 件 “ 动 态 环 ”， 在 第 1 帧 处 拖 
入 元 件 “ 环 ”， 在 第 15 帧 处 插入 关键 帧 ， 保 持 中 心 点 不 变 ， 对 
该 实例 进行 放大 ， 设 置 实例 的 “色彩 效果 ”样式 为 “Alpha”， 
取 值 为 “0%”， 在 第 1 帧 和 第 15 帧 中 间 创 建 传统 补 间 动 画 。 
RP> 新 建 影片 剪辑 元 件 “ 按 钮 形状 "”。 在 图 层 1 处 放置 元 件 
“动态 环 ”， 大 小 设置 为 50 x50 像素 ， 对 齐 到 舞台 中 心 ; 在 图 层 
2 中 绘制 一 个 大 小 为 85 x 85 像 系 的 无 边框 正 圆 ， 颜 色 填 充 为 图 8.18 元 件 “ 环 ” 
“白色 ”，Alpha 值 为 23% ， 对 齐 到 舞台 中 心 ; 在 图 层 3 中 绘制 的 效果 图 
一 个 大 小 为 74 x74 像素 的 白色 边框 正 贺 ， 颜 色 填 充 设置 为 “ 淡 蓝 
色 线 性 渐变 ”， 对 齐 到 舞台 中 心 ; 在 图 层 4 中 绘制 一 个 大 小 为 74.75 x74.75 像素 的 无 边框 正 
圆 ， 颜 色 填 充 设置 为 “白色 线性 渐变 ”，Alpha 值 分 别 为 0 和 50% ， 对 齐 到 舞台 中 心 ; 在 图 层 5 
中 绘制 一 个 白色 线性 渐变 的 椭圆 ， 作 为 高 光 放 在 图 形 的 左上 方 ， 其 效果 如 图 8. 19 所 示 。 


各 图 层 放 置 图 形 的 效果 按钮 最 终 效 果 








图 8.19 元件“ 按钮 形状 ”效果 图 


EY 新 建 按钮 元 件 “ 登 录 按 钮 "。 在 “指针 经 过 ”、“ 按 下 ”和 “点 击 ” 处 插入 空白 关 
键 帧 。 在 “点 击 ” 处 绘制 一 个 黄色 正 圆 。 

ESIB 回 到 主场 景 中 ， 在 图 屋 “ 内 框 ” 第 652 处 搬入 关键 帧 ， 将 元 件 “ 背 景 2” 拖 到 舞 
人 台中， 在 第 735 处 插 人 普通 帧 。 新 建 图 层 13 在 第 655 拖 人 “线圈 ”元 件 ; 新 建 图 层 14 在 第 
653 帧 处 拖 入 “线圈 ”元 件 ， 在 第 735 处 插入 普通 帆 。 调 整 它 们 的 大 小 如 图 8. 20 所 示 。 
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8.20 线圈 放置 位 置 效 果 图 


ES 新 建 图 层 “ 欢 迎 ”。 在 第 678 帧 处 插入 空白 关键 帧 ， 将 元 件 “ 欢 迎 ” 拖 到 舞台 中 ， 
放置 到 如 图 8. 21 所 示 的 位 置 。 新 建 图 屋 “ 竖 线 ”， 在 第 689 帧 处 插入 空白 关键 帧 ， 选 择 
“直线 工具 ”绘制 一 白色 竖 线 ， 在 第 694 帧 处 搬入 关键 帧 ， 缩 小 第 689 帧 处 图 形 ， 在 第 689 
帧 和 694 帧 中 间 创 建 形 状 补 间 动 画 。 新 建 图 层 “ 中 文 ”， 在 第 695 帧 处 拖 和 元件“ 中 文 名 
字 ”; 新 建 图 层 “ 英 文 "， 在 第 711 帧 处 拖 入 元件“ 英文 名 字 ”。 其 效果 图 如 图 8. 21 所 示 。 
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图 8.21 “登录 界面 ”的 效果 图 


E> 新 建 图 层 “ 按 钮 ”。 在 第 725 帧 处 插入 空白 关键 帆 ， 拖 入 元 件 “ 按 钮 形状 ” ， 青 拖 
人 和 人 元件“ 登录 按钮 ”， 放 置 到 “按钮 形状 的 上 面 "， 形 状 大 小 一 样 ， 选 择 “ 文 本 工具 ”, 在 
上 面 输入 “ 瑞 文 "。 选 中 该 按钮 ， 在 右键 末 单 中 选择 “动作 ”选项 ， 输 入 代码 “on 
(release) |getURL (" http: //www. hist. edu. cn" );}。,” 

参照 此 方法 ， 在 舞台 上 放置 如 图 8. 21 所 示 的 另外 两 个 按钮 。 
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SSDU》 扩展 “登录 界面 ”部 分 的 各 图 层 至 第 735 帧 ， 在 第 735 帧 处 加 入 动作 代码 “stop( ) ;”。 
【技术 讲解 】 


A 预 载 动画 的 使 用 


预 载 动 画 是 Flash 网 页 动画 制作 过 程 中 的 一 个 关键 ， 因 为 即便 是 Flash 生成 的 文件 很 小 ， 
但 是 制作 出 的 大 型 动画 对 于 使 用 调制 解 调 冲 的 用 户 速 度 还 是 需要 解决 的 。 如 来 没有 一 个 预 载 
的 过 程 ， 只 怕 动 画 观 看 起 来 也 不 会 很 流畅 。 特 别 是 在 动画 中 加 入 了 大 量 的 声 首 和 图 像 的 动 夯 
没有 了 预 载 将 不 会 流畅 地 展现 在 我 们 眼前 。 


A 镜头 切换 效果 的 方式 


一 部 Flash 动画 片 是 由 许多 镜头 组 合 而 成 的 ， 在 镜头 与 镜头 之 间 如 何 切 换 才 能 给 人 更 目 
然 、 更 和 谐 的 感 党 呢 ? 最 简单 的 是 不 需 任 何 过 渡 效 果 ， 下 接 转 和 下 一 个 镜头 ， 这 种 镜头 直筒 
了 当 、 市 大明 快 。 但 是 为 了 能 够 产生 富有 亏 术 感 的 镜头 切换 效果 ， 经 第 使 用 淡 入 淡出 、 深 入 
及 迟 单 三 种 锐 头 切换 方式 。 

1. 淡 入 淡出 式 

淡 入 是 指 画面 从 全 黑 的 屏幕 中 显现 出 来 的 效果 ， 这 种 效果 能 够 给 观众 优美 柔和 的 视觉 
感 ， 和 凋 用 在 镜头 或 动画 开始 的 时 候 。 淡 出 与 淡 入 相反 ， 是 一 种 画面 在 屏幕 上 逐渐 消失 的 歼 
果 ， 负 用 在 镜头 或 动画 结束 的 时 候 。Flash 的 技术 实现 方法 为 : 在 首 帧 绘制 矩形 禾 盖 整个 舞 
合 ， 将 所 有 镜头 画面 全 部 遮 住 ， 将 此 矩形 转化 为 图 形 元 件 。 在 完全 显现 男 面 的 位 置 插 和 人 关键 
帧 ， 将 此 帧 中 矩形 实例 的 Alpha 值 设 为 0% ， 然 后 对 该 矩形 元 件 的 实例 做 移动 渐变 动画 。 淡 
出 与 淡 和 相反， 镜头 画面 在 屏 碍 上 逐 讲 隐 去 ， 最 后 整个 屏幕 变 为 漆黑 。 

2. 党 入 式 

溶 入 式 接 镜 是 指 上 一 个 画面 从 完全 可 见 变 得 逐渐 透明 直至 完全 不 可 见 ， 而 下 一 个 画面 从 
完全 不 可 见 逐 渐 显 现下 至 最 后 完全 可 见 的 接 镜 效果 ， 两 个 画面 是 淡出 和 淡 入 交 蔡 衔接 的 。 
Flash 的 技术 实现 方法 为 : 上 一 个 画面 使 用 淡出 的 切换 方式 ， 下 一 个 画面 使 用 淡 入 的 切换 方 
式 ， 交 蔡 衔 接 的 镜头 画面 在 不 同 图 层 的 时 间 轴 的 帧 区 间 上 重 闭 显现 。 

3. 人 庶 章 式 

遮 章 陈 的 接 镜 效 末 是 爷 在 上 一 个 画面 上 出 现 一 个 亮点 ， 然 后 这 个 亮点 成 一 定形 状 和 逐渐 扩 
大 ， 下 一 个 画面 出 现在 这 个 扩大 的 区 域 中 ， 最 终 画 面 占 据 整个 屏幕 的 效果 。 

在 项 目 “ 高 校 网 站 开场 动画 ”中 ， 主 要 背景 画面 的 切换 中 使 用 了 淡 入 淡出 式 和 溶 人 式 两 
种 镜头 切换 方式 ， 在 用 小 圆圈 显示 相关 图 片 的 动画 中 国 面 的 切换 使 用 了 遮 章 式 切换 的 方法 。 


A 元 件 的 管理 


在 Flash 中 创建 的 元 件 都 位 于 “ 库 ” 中 ,使 用 “ 库 ” 面 板 可 以 方便 对 元 件 进行 查找 、 编 
辑 、 复 制 等 管理 。 
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1) 直接 复制 元 件 。 在 “ 库 ” 中 有 生 接 复制 元 件 ， 可 以 用 鼠标 右键 单 击 要 复制 的 元 件 ， 在 弹出 
蘑 单 中 选择 “下 接 复制 ” 沫 单项 ， 在 打开 的 “和 直接 复制 元 件 ” 对 话 框 中 修改 元 件 的 名 字 ， 单 击 
“确定 ”按钮 即 可 。 下 接 复 制 元 件 主 要 用 在 制作 类 似 元 件 时 ， 用 此 方法 可 以 提高 制作 动画 的 效率 。 
例如 本 项 目 中 类 似 文 字 元 件 的 创建 ， 这 样 既 提高 了 效率 ， 又 能 保证 文字 字体 大 小 的 统一 性 。 

2) 复制 其 他 文档 的 元 件 。 在 制作 Flash 的 过 程 中 ， 要 想 复 制 一 个 文档 的 元 件 到 为 外 一 个 
文档 可 以 执行 下 面 的 操作 在 “ 库 ” 面 板 中 右 击 需 要 复制 的 元 件 ， 在 弹出 菜单 中 选择 “复制 ” 
荣 单 项 ,然后 切换 到 目标 文件 ， 再 右 击 “ 库 ”面板 ,选择 弹 出 菜单 中 的 “ 精 贴 ”半音 项 。 

3) 查找 空闲 元 件 。 在 制作 Flash 动画 时 ， 为 了 减 小 动画 尺寸 和 对 元 件 进行 有 效 的 管理 ， 
可 以 对 没有 用 到 的 元 件 进行 删除 。 可 以 单 击 “ 库 ”面板 右上 和 角 的 按钮 ， 在 打开 的 亲 单 中 选 
择 “ 选 择 未 用 项 目 ” 沫 单项 ， 没 有 使 用 过 的 项 目 会 被 选中 。 

4) 使 用 元 件 文件 夹 。 在 制作 Flash 动画 时 ， 为 了 避免 “ 库 ” 面 板 中 因 元 件 过 多 而 显得 
混乱 ， 可 以 把 同类 的 元 件 归 到 一 个 元 件 文件 夹 中 。 新 建 一 个 文件 夹 ， 只 和 需 单 击 “ 库 ”面板 
底部 的 “新 建文 件 夹 ”按钮 即 可 。 上 默认 情况 下 创建 的 元 件 都 位 于 “ 库 ” 面 板 根 日 录 下 ， 想 
移动 元 件 只 需要 拖 动 元 件 到 目标 文件 夹 下 即 可 。 为 外 也 可 以 如 图 8. 22 所 示 ， 在 新 建 元 件 时 
单 击 标签 “文件 夹 :” 后 的 “ 库 根 目录 ”， 在 弹出 的 “ 移 至 文件 夹 ”窗口 中 的 选择 “ 现 有 文 
件 夹 ”内 选择 目标 文件 夹 即 可 。 





























创建 新 元 件 i 


名 机) 
类 型 (1): | 图形 lv 








乌 库 根 目录 (L) 
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8.22 ”新建 元 件 到 特定 文件 夹 内 
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【项 目 说 明 )】 
本 项 目的 主要 内 容 是 使 用 Flash 的 相关 技术 制作 儿歌 《小 燕子 》 的 Flash MTV 作品 。 项 





AN 
尖 


日 共有 6 个 场景 画面 ， 可 以 通过 按钮 控制 影片 的 播放 ， 歌 词 与 动画 场景 和 音乐 同步 。 项 目 中 
的 主要 界面 效果 图 如 图 8. 23 所 示 。 








我 间 匡 和子 你 为 哈 来 北 季 说 .这 里 的 春天 最 美 而 





本 项 目 是 一 个 儿歌 的 MTV 动画 。 本 MTYV 主要 的 故事 情 市 围绕 一 个 小 女孩 和 小 燕子 的 感 
情 展 开 。 具 体 的 实现 分 以 下 几 个 部 分 : 
1) 题目 动画 : 春天 的 绿地 里 ， 花 朱 威 开 ， 小 女孩 髓 在 草地 上 思念 小 燕子 。 
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2) 音乐 的 前 奏 : 春 回 大 地 ， 花 儿 盛 开 ， 蝴 蝶 飞 舞 ， 随 后 两 只 小 燕子 飞 了 回来 。 

3) 第 一 句 歌词 (小 燕子 ， 穿 花 衣 ) : 从 南方 飞 回 来 的 小 燕子 ， 摘 了 原野 里 面 的 花 条 继 
续 在 原野 里 飞行 。 

4) 第 二 句 歌词 (年 年 春天 来 这 里 ) : 小 女孩 飞 到 天 空中 去 迎接 小 燕子 。 

5) 第 三 句 歌 词 (我 问 燕子 你 为 喻 来 ): 小 女孩 伸 开 双手 拥抱 小 燕子 。 在 实现 的 过 程 中 
前 三 句 歌 词 放 到 一 个 场景 中 实现 。 

6) 第 四 句 歌 词 (燕子 说 这 里 的 春天 最 美丽 ) : 春 回 大 地 ， 柳 树 发 牙 ， 很 多 燕子 在 飞 来 
飞 去 ， 女 孩子 欢笑 。 

2. 设置 “文档 属性 ” 

启动 Adobe Flash CS6 后， 执行“ 文件” 一“ 新建” 菜单 命令 ， 在 打开 的 “新 建文 档 ” 对 
话 框 中 的 “常规 ”选项 卡 中 选择 “ActionSeript 3. 0” 选 项 ， 新 建 一 个 文档 ,设置 文档 的 大 小 
为 800 x 600 像素 ,背景 颜色 为 “白色 ”。 执 行 “ 文 件 ” 一 “保存 ”菜单 命令 ， 将 新 文档 保存 ， 
并 命名 为 “小 燕子 MV”。 

3. 绘制 “小 燕子 ” 
RBH 新 建 图 形 元 件 “ 燕 子 1”。 使 用 “铅笔 工具 ”、“ 椭 加 工具 ”等 绘制 出 一 个 小 燕子 的 
轮廓 ， 再 使 用 颜料 桶 工具 给 其 涂 上 颜色 ， 删 去 轮廓 线 。 其 步骤 如 图 8. 24 所 示 。 


























图 8.24 ”燕子 轮廓 及 涂 色 效果 图 


下 后 一 个 使 用 复制 、 变 形 、 重 直 翻 转 得 到 。 





ES》 直接 复制 元 件 “ 燕 子 1” 为 影片 剪辑 元 件 “ 燕 子 1 飞 ”。 打 开元 件 “ 燕 子 1 飞 ”， 
使 用 “铅笔 工具 ”使 燕子 分 成 上 翅膀 、 下 翅膀 、 头 和 身体 四 个 封闭 的 区 间 ， 如 图 8.25 所 
示 。 然 后 将 其 放 到 不 同 的 图 层 中 ， 再 删 掉 其 中 的 红色 线条 。 然 后 选中 上 翅 ， 将 其 转化 为 元 件 
“上 万”， 选 择 “ 变 形 工具 ”， 移 动 其 变形 中 心 到 翅膀 和 身体 的 交汇 处 ， 如 图 8. 25 所 示 。 分 
别 在 第 10 帧 、 第 20 帧 插入 关键 帧 。 在 第 10 帧 处 使 用 “变形 工具 ” 沿 变 形 中 心 向 下 旋转 却 
膀 ， 分 别 在 第 1 帧 和 第 10 帧 之 间 、 第 10 帧 和 第 20 帧 之 间 创 建 传统 补 间 动 画 。 按 照 此 方法 
制作 下 翅 飞 行 的 动画 ， 其 图 层 设 置 和 效果 图 如 图 8. 26 所 示 。 

ES 新 建 图 形 元 件 “ 燕 子 2”。 使 用 “铅笔 工具 ”、“ 椭 圆 工 具 ” 等 绘制 出 男 一 只 小 燕子 
的 身体 轮廓 ， 再 新 建 两 个 翅膀 图 层 ， 绘 制 出 燕子 的 翅膀 ， 最 后 使 用 颜料 桶 上 色 ， 其 具体 步 又 
如 图 8. 27 所 示 。 














sc RA ® 








图 8.25 燕子 1 飞行 制作 步骤 





图 8. 26 “燕子 1 飞行 ”个 图 层 之 间 的 关系 图 





图 8.27 藻 子 2 绘制 步骤 





S57YB> 直接 复制 元 件 “ 燕 子 2” 为 影片 剪辑 元 件 “燕子 2 飞 ”。 打 开元 件 “ 燕 子 2 飞 ”， 
在 图 层 “ 燕 子 ” 中 第 4 帧 延长 帧 ， 图 层 “ 上 翅 ” 和 图 层 “ 下 翅 ” 的 第 3、 第 4 帧 搬入 关键 
帧 ， 在 图 层 “ 上 翅 ” 的 第 3 帧 处 打开 任意 变形 工具 把 中 心 注 册 点 移 到 翅膀 的 下 部 ， 向 上 调 
整 一 定 的 角度 。 在 图 层 “ 下 怒 ” 的 第 4 帧 处 打开 任意 变形 工具 把 中 心 注册 点 移 到 翅膀 的 上 忌 和 
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部 ， 回 下 调整 一 定 的 角度 ， 这 样 燕子 就 动 起 来 了 ， 如 网 8. 28 所 示 。 





图 8.28 燕子 2 飞行 绘制 步骤 


4. 绘制 “女孩 ” 
EB5B> 新 建 图 形 元 件 “ 女 孩 ”", 使 用 “铅笔 工具 ”勾勒 出 女孩 的 轮廓 ， 使 用 “颜料 桶 工 


具 ” 为 其 涂 色 ， 其 具体 效果 如 图 8. 29 所 示 。 





图 8.29 女孩 绘制 步骤 


EB7B> 新 建 图 形 元 件 “ 女 孩 六 ”， 使 用 “铅笔 工具 ”,， 仿效 女 孩 的 外 观 ， 勾 勒 出 女孩 飞 的 
轮 慷 ， 并 使 用 “颜料 桶 工具 ”为 其 涂 色 ， 其 具体 效果 如 图 8. 30 所 示 。 





图 8.30 元件“ 女孩 飞 ” 绘 制 步骤 





SX 直接 复制 元 件 “ 女 孩 飞 ”为 影片 剪辑 元 件 “挥手 的 女孩 ”。 如 图 8. 28 所 示 ， 打 开 
元 件 “挥手 的 女孩 ”， 仿 效 前 面 元 件 “ 燕 子 1 飞 ” 的 制作 方法 ,分 别 把 女孩 的 两 个 腹 膊 放 到 
不 同 的 图 层 中 ， 并 转化 为 元 件 。 在 图 层 “ 女 孩 ” 和 图 层 “ 有 骆 膊 2” 中 第 14 帧 延长 帧 ， 图 层 
开罗 “ 腹 膊 1” 的 第 5、 第 10 帧 插入 关键 帧 ， 在 图 层 “ 腹 膊 1” 的 第 5 帧 处 打开 任意 变形 工具 把 
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中 心 注册 点 移 到 有 膊 的 上 部 ， 问 上 调整 一 定 的 角度 ， 这 样 女孩 子 的 腹 膊 就 动 起 来 了 ， 如 
图 8. 31 所 示 。 








图 8.31 女孩 挥手 动作 制作 





EYP 直接 复制 元 件 “ 女 孩 飞 ”为 影片 剪辑 元 件 “ 女 孩 前 伸 胜 膊 ”。 如 图 8.32 所 示 ， 打 
开元 件 “ 女 孩 前 伸 腹 膊 ”， 仿 效 前 面 元 件 “ 挥 手 的 女孩 ”的 制作 ， 在 图 屋 “ 女 孩 ” 的 第 17 
帧 延长 帧 ， 分 别 在 图 层 “ 胎 膊 1” 的 第 16 帧 、 图 层 “ 腹 膊 2” 的 第 17 帧 插入 关键 帧 ， 在 图 
层 “ 胜 膊 1” 的 第 16 帧 处 打开 任意 变形 工具 把 中 心 注册 点 移 到 胜 膊 的 上 部 ， 问 上 调整 到 合 
适 的 角度 ， 在 图 层 “ 脐 膊 2” 的 第 17 帧 处 打开 “任意 变形 工具 ”把 中 心 注册 点 移 到 腹 膊 的 
上 部 ， 问 下 调整 到 合适 的 角度 ， 这 样 女孩 子 的 腹 膊 就 伸 直 了 。 然 后 在 第 17 帧 处 添加 动作 代 
僻 “stop();”。 








图 8.32 女孩 前 伸 腹 膊 制作 方法 


5. 制作 题目 动画 
EB5P> 回 到 主场 景 ， 新 建 图 屋 “ 题 目 ”。 选 择 “ 和 矩形 工具 ”， 设 置 笔触 闫 色 为 “无 "， 填 充 
颜色 为 “绿色 ”， 绘 制 一 个 800 x 600 像素 的 矩形 ， 并 与 舞 合 对 齐 。 选 择 “Deco 工具 ”， 在 “ 属 
性 ”面板 中 设置 绘制 效 末 为 “了 臣 蔓 式 填充 ”， 树 叶 颜 色 为 “#00D800”， 人 花 的 颜色 为 
“0F500”， 对 宅 形 进行 填充 。 将 图 形 转 化 为 影片 勇 辑 元 件 “ 文 字 动 画 ”。 效 末 如 图 8. 33 
所 未 。 
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图 8.33 “藤蔓 式 填充 ”背景 效果 图 


EP> 在 舞台 上 双击 “文字 动画 ”元 件 ， 进 入 该 元 件 的 编辑 窗口 ， 新 建 图 层 ， 在 背景 左 
上 方 输入 “小 燕子 ”， 字 体 为 “方正 舒 体 ”， 大 小 为 50 点。 选择 “修改 "一 分离” 沫 单 命 
令 , 单 击 鼠 标 右键 选择 “分 散 到 图 层 ”。 选 择 图 层 为 “小 ”， 执 行 “ 人 修改” 一“ 分离” 菜单 合 
令 ， 选 择 “ 墨 水 瓶 工 具 ” ， 设 置 笔触 颜色 值 为 “#FEF3399”， 样 式 为 “虚线 ”， 单 击 文字 为 其 
添加 描 边 效 果 。 接 痢 使 用 颜料 桶 工具 为 其 填充 颜色 。 在 第 10 帧 插入 关键 帧 ， 然 后 移动 
第 1 帧 处 的 “小 ”到 舞台 的 外 侧 ， 在 第 1 帧 和 第 10 帧 中 间 创 建 传统 补 间 动 画 。 按 照 此 方法 
对 “ 铬 ”和 “和子 ”进行 动画 设置 。 新 建 图 屋 “ 燕 子 ”， 在 第 35 帧 处 搬入 关键 帧 ， 拖 动 元 件 
“燕子 1 ”到 舞台 上 ， 在 第 44 帧 处 搬入 关键 帧 ， 设 置 第 35 帧 处 实例 的 “色彩 效果 ”样式 为 
“Alpha”， 取 值 为 “0%”， 在 第 35 帧 和 第 44 帧 中 间 创 建 传统 补 间 。 新 建 图 层 “ 女 孩 ”, 在 
第 46 帧 处 插入 关键 帧 ， 拖 动 元 件 “ 女 孩 ” 到 舞台 上 。 延 伸 各 图 层 到 第 70 帧 ， 并 在 第 70 帧 
处 添加 动作 代码 “stop( ) ;”。“ 文字 动画 ”元 件 各 图 层 之 间 的 关系 及 效果 图 如 图 8. 34 所 示 。 





Es 
m= Ml LT" 





I 











图 8.34 “文字 动画 ”元 件 各 图 层 之 间 的 关系 及 效果 图 
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ER 回 到 主场 景 ， 新 建 图 屋 “ 按 钮 ”。 执 行 “ 窗 口 * 一 “公用 库 ” 一 “Buttons” 菜单 命令 ， 
拖 动 一 个 播放 按钮 在 舞台 的 右 下 方 ， 在 属性 窗口 中 给 该 实例 命名 为 “btnplay”。 新 建 图 层 
“as”， 在 第 1 帧 处 输入 如 图 8. 35 所 示 代 码 。 





stopty): 
btnplay. addEwventListener MouseEwvent. CLICKE ,Play : 


function Plavitriewvent:MouseEwrent) :woid 
{got ohndPl aw (2) : 
L 





8.35 第 1 帧 处 的 代码 


6. 制作 “音乐 前 奏 ” 动画 
59> 新 建 图 形 元 件 “ 背 景 1”， 选 择 “ 和 矩形 工具 ”按钮 ， 笔 触 颜色 设置 为 “无 "， 填 充 
颜色 类 型 设置 为 “线性 填充 ”， 颜 色 分 别 为 “#00CCFF”、“#FFFFFF”， 绘 制 一 个 大 小 为 
570 x600 像 素 的 矩形 ， 如 图 8. 36 所 示 。 





8.36 “背景 1” 效 果 图 


ES- 新 建 图 形 元 件 “ 白 云 1”、“ 白 云 2”, 使 用 “铅笔 工具 ”和 “ 笔 刷 工具 ”绘制 两 条 
不 一 样 的 日 云 ， 其 效果 图 如 图 8. 37 所 示 。 

ES 新 建 图 形 元 件 “ 花 草 1”、“ 花 草 2”, 使 用 工具 箱 中 的 工具 绘制 两 棵 不 一 样 的 花草 ， 
其 将 果 图 如 图 8. 38 所 示 。 

EYP 新 建 网 形 元 件 “ 花 草 组 合 ” 。 新 建 败 层 “ 花 草 1”， 多 次 拖 动 “花草 1” 元 件 到 舞 
全 上 ， 放 置 其 在 不 同 的 位 置 ， 并 使 用 变形 工具 调整 它们 的 大 小 。 使 用 同样 的 方法 创建 图 层 
“花草 2” 。 新 建 图 层 “ 草 ”， 用 笔 刷 绘制 不 同形 状 ， 不 同 弯 曲 度 的 草 。 其 图 层 设 置 和 效果 如 
图 8. 39 所 示 。 
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图 8.37 和 白云 绘制 效果 图 图 8.38 花草 绘制 效果 图 





图 8.39 ”元件 “人 花草 组 合 ” 各 图 层 关 系 及 效果 图 


E> 导入 图 片 素材 “ 绿 贿 蝶 . png”。 新 建 图 形 元 件 “ 蝴 蝶 ”， 拖 动 “ 绿 蝴 蝶 . png” 到 第 
1 帧 ， 执 行 “修改 "一 分离” 沫 单 命 令 打 散 图 片 ， 选 择 
“ 套 索 工具 ”选项 中 的 “魔术 棒 ” 按 钮 ， 单 击 蝴蝶 周围 
多 余 的 部 分 ， 选 中 不 要 的 边缘 部 分 ， 按 【Delete】 键 将 
它们 删除 。 新 建 影 刻 剪 辑 元 件 “ 蝴 蝶 飞 ”， 拖 动 元 件 
“蝴蝶 ”到 第 1 帧 ， 分 别 在 第 3 帧 和 第 5 帧 插入 关键 帧 。 
在 第 3 帧 处 使 用 “变形 工具 ”， 将 实例 回 中 间 挤 压 ， 制 
作 蝴 蝶 拍 动 翅膀 的 动画 效果 ， 如 图 8. 40 所 示 。 这 里 ， 
为 了 使 读者 看 得 更 清晰 ， 点 击 了 “绘图 纸 外 观 ” 按 钮 。 





D 人 合生 去 时 一 66 ?7? 全 66 -二 
ISTBy 新 建 影片 冯 可 元 件 “ 场 景 1”。 重 命名 “图 层 。“ 国 8 0 天 和 届 卫 让 
1” 为 “天 空 "。 在 第 1 帧 处 拖 和 元件“ 背景 1”， 设置 a 


其 大 小 为 800 x 800 像 系 ， 在 第 120 帧 处 插入 关键 帧 ， 将 

“背景 1” 实例 下 移 200 像素 的 距离 ， 在 第 1 帧 和 第 120 帧 中 间 创 建 传统 补 间 动 画 。 

ES 新建 图 层 “ 白 云 1 。 在 第 1 帧 处 拖 和 人 元件“ 白云 1” ， 移 动 其 位 置 到 天 空 的 左上 角 ， 
入 由 在 第 144 帧 处 插入 关键 帧 ,将 “白云 1” 实例 下 移 一 小 段 距 离 ， 并 使 用 “变形 工具 ”将 其 放大 











第 8 章 综合 能 力 进 阶 村 


一 些 ， 在 第 1 帧 和 第 144 帧 中 间 创 建 传 统 补 间 动 画 。 按 照 此 方法 ， 创 建 图 层 “ 白 云 2”。 
ETB> ”新建 图 层 “ 花 草 ”。 在 第 1 帧 处 拖 人 和 人 元件“ 花草 组 合 ”， 移 动 其 位 置 到 天 空 的 最 下 
方 ， 在 第 120 帧 处 插入 关键 帆 ， 将 “人 花草 组 合 ” 实 例 上 移 一 段 距 离 ， 在 第 1 帧 和 第 120 帧 中 
间 创 建 插入 传统 补 间 动 画 。 

ED 新 建 图 屋 “ 蝴 蝶 ”。 在 第 140 帧 处 拖 和 元件“ 蝴蝶 飞 ”， 移 动 其 位 置 到 花草 附近 。 
在 该 图 层 创建 “引导 动画 ”。 在 “引导 线 ” 层 绘制 如 图 8. 41 所 示 的 引导 线 。 在 图 屋 “ 蝴 
蝶 ”。 的 第 200 帧 处 插入 关 键 帧 ， 移 动 蝴蝶 到 引导 线 的 末端， 并 调整 其 方向 ， 使 其 切线 方 回 
与 引导 线 相同 。 在 第 140 帧 和 第 200 帧 中 间 创 建 传统 补 间 动 画 。 
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图 8.41 蝴蝶 引导 线 动画 


EDU》 新 建 图 层 “ 燕 子 1”。 在 第 193 帧 处 拖 入 元 件 “ 敬 子 1"”， 新 建 图 层 “ 敬 子 2”。 在 
第 210 帧 处 拖 和 元件“ 燕子 1”。 参 照 蝴 蝶 飞 行 的 动画 ， 制 作 两 只 燕子 飞行 的 动画 。 其 方法 
和 放置 位 置 如 图 8. 42 所 示 。 





图 8.42 燕子 飞行 的 引导 线 
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大 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


SS》 延伸 各 图 层 至 第 350 帧 ， 在 第 350 帧 处 添加 动作 代码 “stop( ) ;”。 
7. 制作 “场景 2” 动画 

ED 戎 ”新建 影 片 剪 辑 元 件 “ 白 云 3”， 选 择 “ 覃 圆 工 具 ”， 设 置 笔 触 颜色 为 “无 ”， 填 充 颜 
色 为 白色 ， 绘 制 如 图 8. 43 所 示 的 白云 。 

ES 新建 影 片 剪 辑 元 件 “ 场 景 2”。 重 命名 “图 层 
1” 为 “背景 ”， 绘 制 一 个 800 x 600 像素 的 无 框 矩 形 ， 
进行 蓝 色 到 淡 蓝 色 的 渐变 填充 。 

EX》> 新 建 图 层 “ 白 云 ”。 在 第 1 帧 处 拖 人 元 件 “ 白 
云 3”， 放 在 背景 的 中 间 靠 上 人 位置， 设置 模糊 滤 镜 效果 ， 








在 第 187 帧 处 插入 关键 帆 。 癌 左 移动 第 1 帧 处 的 实例 到 图 8.43 元 件 “ 白 云 3” 
舞台 外 侧 ， 在 第 1 帧 和 第 187 帧 中 间 创 建 传统 补 间 绘制 效果 图 
动画 。 


ES 新 建 图 层 “ 花 草 " 。 在 第 1 帧 处 拖 人 元 件 “ 花 草 组 合 ”3 次 ， 使 其 排 成 一 排 ， 放 在 
背景 的 下 方位 置 ， 具 体 效果 如 图 8. 44 所 示 。 在 第 237 帧 处 插入 关键 帧 ， 移 动 图 形 使 其 最 右 
边 和 背景 的 最 右边 对 齐 ， 在 第 1 帧 和 第 237 帧 中 间 创 建 传统 补 间 动 画 。 延 伸 图 层 “ 花 草 ”、 
“ 拍 云 "、“ 背 景 ”到 第 350 帧 。 





时 局 
SE 0 AY 4 





图 8. 44 “花草 ”图 层 的 效果 设置 


ES 新建 图 层 “ 藻 子 1" 。 在 第 1 帧 处 拖 和 元件“ 燕子 1”。 在 图 层 “ 燕 子 1” 的 下 面 新 
建 图 层 “ 花 ”， 在 第 1 帧 处 拖 入 元 件 “ 花 草 1”， 调 整 其 大 小 ， 放 置 在 燕子 的 嘴 边 。 按 照 此 方 
方法 再 放 一 只 燕子 在 舞台 上 ， 调 整 其 大 小 ， 使 画面 有 远近 之 分 的 感觉 。 

ETI》> 新建 图 层 “ 女 孩 ”"， 调 整 其 到 图 层 “ 花 ”的 下 面 。 在 第 182 帧 处 搬 人 空白 关键 
帧 ， 拖 和 元件“ 挥手 的 女孩 ” ， 放 在 燕子 1 附近 的 位 置 ， 在 第 244 帧 处 搬入 关键 帧 。 在 第 
182 帧 处 设置 实例 的 Alpha 值 为 0， 在 第 182 帧 和 第 244 帧 中 间 创 建 传统 补 间 动画 。 在 第 
245 帧 处 插入 关键 帧 ， 打 开 “ 属 性 ”面板 ， 单 击 “ 交 换 ” 按 钮 ， 打 开 如 图 8.45 所 示 “ 交 
换 元 件 ” 对 话 框 ,选择 “女孩 前 伸 腹 膊 ”元 件 ， 单 击 “ 确 定 ” 按 钮 ， 完 成 元 件 的 置换 。 
在 第 260 帧 处 插入 关键 帧 ， 回 左 稍稍 移动 元 件 实例 。 在 第 310 帧 处 搬 和 人 关键 帧 ， 向 左 移动 
“女孩 前 伸 用 膊 ”实例 到 舞台 的 中 央 稍 靠 右 的 位 置 ， 并 放大 该 实例 。 分 别 在 第 245 帧 和 第 
260 帧 中 间 ， 第 260 帧 和 第 310 帧 中 间 创 建 传 统 补 间 动 画 ， 制 作 女 防身 前 伸手 接 住 小 燕子 
的 动画 效果 。 
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图 8.45 “交换 元 件 ” 对 话 框 


ES 在 图 层 “ 藻 子 1” 的 第 237 帧 和 第 240 帧 处 搬入 关键 帧 。 在 第 250 帧 处 向 右 移 动 燕 
子 到 女孩 手 的 附近 。 在 图 层 “ 花 ”的 第 241 帧 、 第 254 帧 和 第 293 帧 处 插入 关键 帧 ， 在 第 
254 帧 处 移动 花 到 燕子 的 嘴巴 附近 ， 在 第 293 帧 处 移动 “ 花 ” 的 实例 到 背景 画面 的 下 方 ， 并 
设置 Alpha 值 为 “0%”， 分 别 在 第 241 帧 和 第 254 由 中间， 第 254 帧 和 第 293 帧 中 间 创 建 传 
统 补 间 效 果 ， 制 作 花 从 燕子 嘴 边 落下 的 动画 效果 。 效 果 如 图 8. 46 所 示 。 

ES 在 “ 荡 子 ”图 层 的 第 260 帧 和 第 310 帧 处 搬 和 人 关键 帧 ， 在 第 310 帧 处 移动 燕子 
到 画面 中 间 和 女孩 靠近 ， 并 对 其 进行 放大 ， 在 第 260 帧 和 第 310 帧 中 间 创 建 传统 补 间 





动画 。 
ED》> 新 建 图 层 2， 在 第 260 帧 处 绘制 如 图 8. 47 所 示 的 遮挡 边框 ， 使 画面 呈现 椭圆 的 形 
状 显示 。 





图 8. 46 ”女孩 伸手 接 住 燕 子 效果 图 图 8.47 遮挡 边框 效果 图 


R350 在 图 层 2 的 下 面 新 建 图 层 1， 在 第 261 帧 处 绘制 和 图 8.47 所 示 的 但 挡 边 框 中 的 空 
心 椭圆 一 样 大 的 椭圆 ， 填 充 颜 色 为 白色 ， 在 第 350 帧 处 插入 关键 帧 。 在 第 261 帧 处 修改 填充 
色 为 白色 ，Alpha 值 为 0， 在 第 261 帧 和 第 350 帧 中 间 创 建 形状 补 间 动 画 ， 使 画面 呈现 逐渐 








天 教 你 轻松 玩 转 Flash CS6 一 -一 动画 制作 入 门 与 进 阶 


模糊 的 动画 形象 。 在 第 350 帧 处 添加 动作 代码 “stop();”。 

8. 制作 “场景 3” 动画 
R35 新 建 影 片 前 辑 元 件 “ 柳 枝 ”"。 选 择 “ 直 线 工 具 ”， 设 置 笔触 颜色 为 “#A9A954”,， 填 
充 颜 色 为 无 打开“ 属性” 面板, 设置 笔触 值 为 
“3”， 绘 制 枝 干 ， 然 后 使 用 “选择 工具 ”对 其 弯曲 度 
进行 调节 ， 最 后 使 用 “ 笔 刷 工具 ”添上 柳 叶 。 其 效果 
图 如 图 8. 48 所 示 。 
ESEZ 新 建 影 片 剪辑 元 件 “ 场 景 3”。 重 命名 “图 
屋 1” 为 “背景 *"， 在 第 1 帧 处 拖 入 元件 “背景 1”， 
设置 大 小 为 800 x 600 像素 。 新 建 图 层 “ 草 地 ”， 在 背 
景 图 片 的 下 方 绘制 一 个 绿色 和 矩形。 新 建 图 层 “ 女 护 ”， 
在 第 1 帧 处 拖 和 元件 “女孩 ”， 使 用 “变形 工具 ” 进 
行 方向 调整 。 新 建 图 层 “ 白 云 "， 在 第 1 帧 处 拖 人 元 图 8.48 元 件 “ 柳 校 ” 效 果 图 
件 “ 白 云 1”、“ 白 云 2”， 并 适当 调整 其 大 小 ， 其 效果 
图 如 图 8. 49 所 示 。 
而 > 新 建 图 层 “ 柳 树 ”， 在 画面 的 右上 方 处 拖 入 元 件 “ 柳 枝 ” 多 次 ， 并 使 用 “变形 工 
具 ” 对 其 进行 方 品 和 大 小 的 调整 。 用 直线 工具 在 柳 梳 劳 绘 制 树 干 ， 填 充 颜 色 为 “#845424”， 
将 其 整体 选中 ， 转 化 为 影片 剪辑 元 件 “ 柳 树 ”， 其 绘制 效果 如 图 8. 50 所 示 。 











图 8.49 ”背景 效果 图 图 8.50 元件“ 柳树” 绘制 效果 图 


ESEZ 参 ” 新 建 图 层 “ 藻 子 ”， 在 第 1 帧 处 拖 和 元件“ 燕子 1”， 创 建 传统 引导 层 ， 制 作 燕子 
在 天 空中 飞行 的 动画 。 按 照 此 方法 ， 制 作 多 只 燕子 飞行 的 动画 效果 。 其 图 层 设置 和 效果 图 如 
图 8. 51 所 示 。 
本 > 延伸 各 图 层 至 第 155 帧 ， 在 第 155 帧 处 添加 动作 代码 “stop( ) ;”。 

9. 组 织 主 场景 ， 添 加 音乐 
RP 新建 图 层 “ 场 景 1”， 在 第 2 帧 处 插入 空白 关键 帧 ， 拖 和 元件“ 场景 1”， 调 整 好 元 
件 在 舞台 中 的 位 置 ， 使 主 画 面 和 舞台 对 齐 。 在 第 369 帧 和 第 398 帧 处 插入 关键 帧 ， 设 置 第 
398 帧 处 实例 的 Alpha 值 为 0， 在 第 369 帧 和 第 398 帧 中 间 创 建 传统 补 间 动 画 ， 制 作出 画面 
淡出 的 切换 效果 。 











rc 4 








图 8. S1 “燕子 ”飞行 的 图 层 设 置 和 效果 图 


ES 新 建 图 层 “ 场 景 2”， 在 第 392 帧 处 插入 空白 关键 巾 ， 拖 入 元 件 “ 场 景 2”， 调 整 好 
元 件 在 舞台 中 的 位 置 ， 使 主 画 面 和 舞台 对 齐 。 在 第 413 帧 处 插入 关键 帧 ， 设 置 第 392 帧 处 实 
例 的 Alpha 值 为 0， 在 第 392 帧 和 第 413 帧 中 间 创 建 传 统 补 间 动 画 ， 制 作出 画面 淡 入 的 效果 。 
延伸 网 层 帧 到 第 748 帧 。 

RP 新 建 图 层 “ 场 景 3”， 在 第 748 帧 处 搬入 空白 关键 帧 ， 拖 和 人 元件 “场景 3”， 调 整 好 
元 件 在 舞台 中 的 位 置 ， 使 主 画 面 和 舞台 对 齐 。 在 第 768 帧 处 插入 关键 帧 ， 设 置 第 748 帧 处 实 
例 的 Alpha 值 为 0， 在 第 748 帧 和 第 768 帧 中 间 创 建 传 统 补 间 动 画 ， 制 作出 画面 淡 和 人 的 效果 。 
延伸 图 层 帧 到 第 928 帧 。 

3P> 执行 “文件 ”一 “导入 ”一 “导入 到 库 ” 朋 单 命令 ,将 首 乐 文件 “小 燕子 . mp3” 导 
人 到 元 件 库 中 。 

> 回 到 主场 景 中 。 新 建 图 屋 “music”。 在 第 2 帧 处 添加 空白 关键 帧 ， 打 开 “ 属 性 ” 
面板 ， 在 “声音 ”延伸 面板 中 ， 选 择 “ 名 称 ” 下 拉 列 表 中 的 “小 燕子 . mp3” 选 项 ， 其 设置 
如 图 8. 52 所 示 。 

RYHP> 新 建 图 形 元 件 “ 歌 词 1”， 选 择 “ 文 本 工具 ”， 字 体 为 “华文 行 楷 ”， 大 小 为 40 点 ， 
颜色 设置 为 “#FFFFCC”， 输 入 文字 “小 攻 子 ， 穿 花 衣 ”。 新 建 影片 剪辑 元 件 “ 和 歌词 1 进 
人 ”， 重 命名 “图 层 1” 为 “文字 ”， 在 第 1 帧 处 拖 和 元件“ 歌词 1”， 复制“ 图 层 1” 为 
“图 层 2”， 选 中 第 1 帧 处 的 元 件 实例 ， 打 开 “ 属 性 ”面板 ,在 “色彩 效果 ”延伸 面板 中 ， 
设置 “色调 ”样式 如 图 8. 53 所 示 ， 颜 色 值 设置 为 “#FFFF00”。 新 建 图 层 “ 和 矩形 ”， 在 第 
1 帧 处 绘制 一 个 和 文字 一 样 大 小 的 和 矩形， 在 第 77 帧 处 搬入 关键 帧 ， 缩 小 第 1 帧 处 的 矩形 
到 文字 的 左边 ， 在 第 1 帧 和 第 77 帧 中 间 创 建 形 状 补 间 动 画 。 设 置 图 层 “ 和 矩形 ”让 罩 图 层 
“文字 2”。 将 元 件 中 各 帧 延伸 到 第 77 帧 ， 在 第 77 帧 处 添加 代码 “stop( ) ;”。 元 件 各 图 层 
的 设置 如 图 8. 54 所 示 。 人 参照 元 件 “ 歌 词 1”、 “歌词 1 进入 ”的 制作 方法 ， 制 作 其 他 几 人 名 
歌词 的 动画 。 
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广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


= 色 训 获 困 
y 声音 样式 : LL 
ee | 
同步 :| 丘 闪 wweeeeeseeeeeeeeeeeeeeeseseseseseseseoees ”一 一 
图 8.52 插入 音乐 图 8.53 色调 样式 设置 
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小 医 邯 ， 穿 花 疹 


8.54 元件“ 歌词 1 进入 ”图 层 设置 


ENDI 在 主场 景 中 新 建 图 层 “ 歌 词 ",， 分 别 在 第 482 帧 、 第 559 帧 、 第 675 帧 、 第 770 帧 
处 拖 入 元 件 “ 歌 词 1 进入 ”、“ 歌 词 2 进入 ”、“ 歌 词 3 进入 ”、“ 歌 词 4 进入 ”。 延 伸 图 层 到 第 
928 帧 。 

EX 参 ' 在 图 层 “as” 的 第 928 帧 处 添加 动作 代码 “gotoAndStop(1);”。 

ES》 在 所 有 图 层 的 上 面 新 建 图 屋 “ 外 框 ”"， 在 第 1 帧 处 绘制 一 个 如 图 8.55 所 示 的 空心 
矩形， 遮 住 舞 台 以 外 的 对 象 ， 延 仲 图 层 到 第 928 帧 。 





图 8.55 空心 矩形 效果 图 





【技术 讲解 】 


Flash MTV 制作 的 流程 


Flash MTV 因 其 具有 动画 的 特点 ， 又 配 有 音乐 ,文件 较 小 ， 上 传 下 载 速 度 快 ， 在 网 络 上 
深 受 人 们 的 喜爱 和 欢迎 。 制 作 一 个 质量 比较 高 的 Flash MTV 作品 是 一 个 庞大 的 工程 ， 一 般 要 
按 如 下 的 步 又 进行 。 

1. 歌曲 的 确定 

Flash MTV 属于 音乐 的 范畴 ， 首 先 第 一 步 是 要 选 定 想 要 创作 的 音乐 ， 音 乐 的 格式 要 求 为 
标准 的 MP3 格式 。 下 载 的 音乐 有 些 是 MP3 格式 的 ， 但 在 Flash 中 却 无 法 导入 成 功 ， 可 以 使 
用 相关 软件 来 进行 音乐 格式 的 处 理 。 确 定 了 音乐 之 后 ， 就 可 以 围绕 歌词 、 歌 曲 意 境 展 开 剧 情 
的 创作 了 。 

2. 剧本 的 编写 

这 一 步 主要 是 根据 音乐 确定 故事 情节 。 主 要 是 确定 主要 的 动画 形象 ， 每 一 个 场景 中 的 故 
事情 景 、 人 物 及 主要 的 运动 变化 等 ， 是 后 期 如 何 制作 动画 的 一 个 重要 依据 。 

3. 主要 动画 形象 的 创作 

主要 的 动画 形象 创作 是 一 个 Flash MTV 成 败 的 关键 ， 创 作者 应 充分 发 挥 想 象 力 和 创造 力 
设计 一 个 生动 的 、 有 艺术 魅力 的 动画 形象 。 一 个 切合 主题 的 、 生 动 的 动画 形象 会 给 动画 增 
色 ， 给 人 留 下 深刻 印象 。 相 反 一 个 没有 特色 、 制 作 粗 烟 的 主要 动画 形象 会 毁 挥 整 个 MTV 。 
一 般 主 要 的 动画 形象 需要 创作 正面 形象 、 侧 面 形 象 、 动 作 、 不 同 环 境 下 的 表情 等 效果 。 

4. 素材 的 准备 与 预 处 理 

在 剧本 编写 之 后 就 可 以 有 针对 性 地 搜集 MV 中 需要 的 素材 (文字 、 图 片 以 及 声音 等 ) 。 
对 于 一 些 无 法 直接 获取 的 素材 ， 可 通过 专门 的 软件 对 其 进行 编辑 和 修改 ， 或 对 需要 的 素材 进 
行 提取 。 素 材 的 预 处 理 包 括 音 乐 素材 预 处 理 和 图 片 素材 预 处 理 两 个 方面 。Flash 支持 导入 
MP3 及 WAV 等 格式 的 声音 文件 。 如 果 音 乐 文件 是 来 源 于 CD 或 者 是 其 他 Flash 不 文 持 的 格 
式 ， 就 需要 用 一 些 声音 处 理 软件 ， 将 声音 转化 成 WAV 或 MP3 声音 格式 ， 然 后 再 导入 。Flash 
可 以 导入 几乎 所 有 常 见 的 位 图 格式 ， 包括 jpg、gif、png 、 革 等 位 图 格式 。 在 网 上 很 容易 找到 
图 片 素材 。 选 择 图 片 素材 ， 要 依照 作品 的 主题 、 歌 曲 的 内 容 、 情 节 的 表现 来 选择 。 在 应 用 位 
图 取材 时 ， 图 刻 的 像 系 大 小 要 尽量 和 作品 的 场景 大 小 相同 。 对 于 过 大 的 图 片 最 好 事先 用 
Photoshop 调整 合适 大 小 并 进行 适当 的 压缩 处 理 ， 这 样 能 减 小 文件 的 体 NS 

S。Flash MTYV 制作 

前 面 的 准备 工作 做 好 之 后 ， 就 可 以 进行 MTV 的 制作 了 。 主 要 包括 导入 相关 的 素材 和 音 
乐 ， 安 排 好 每 个 场景 的 次 序 ， 同 步 歌 词 和 音乐 ， 最 后 进行 影片 的 测试 ， 观 察 歌 词 和 音乐 是 否 
同步 ， 场 景 之 间 的 过 渡 是 否 上 自然美 观 等 ， 进 行 反复 的 修改 ， 直 到 符合 要 求 。 

6. MTYV 的 优化 与 管理 

制作 一 部 完整 的 MTV 作品 是 一 个 艰辛 的 过 程 。 一 个 MTV 少 则 几 百 帧 ， 多 则 上 千 帧 ， 图 
层 多 则 几 十 层 甚 至 上 百 屋 ， 系 材 更 是 数不胜数 。 如 果 不 养 成 民 好 的 文件 管理 习惯 ,不 仪 浪费 
时 间 和 精力 ， 还 会 给 后 期 的 修改 和 改进 种 来 很 大 的 麻烦 。 
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1)“ 图 层 ” 的 管理 。“ 图 层 ” 用 于 组 织 和 控制 动画 ， 在 制作 大 型 的 综合 动画 时 要 建立 很 
多 的 图 屋 ， 这 给 管理 和 后 期 的 维护 市 来 了 很 大 的 工作 量 。 在 制作 过 程 中 ， 可 以 创建 图 层 文件 
来， 把 图 层 按 功 能 分 类 放 在 其 中 ， 这 样 可 以 大 大 提 蜗 制 作 动画 的 效率 ,使 动画 整洁 、 有 序 ， 
可 读 性 高 ， 可 维护 性 好 。 

2)“ 库 ”的 管理 。“ 库 ”中 存储 着 各 类 图 形 元 件 、 按 钮 、 影 刻 瘟 辑 、 位 图 、 视 频 、 首 乐 
等 动画 素材 。 随 着 作品 的 制作 ， 元 件 越 来 越 多 ， 维 护 和 查找 的 工作 越 来 越 复 杂 ， 可 建立 文件 
夹 将 其 按 功 能 或 者 其 他 性 质 归 类 。 


Flash 动画 中 功用 的 镜头 


在 Flash 动画 中 ， 镜 头 是 直接 呈现 给 观众 的 视 沉 画面， 动画 中 的 任何 角色 场景 都 必须 通 
过 镜头 的 各 种 表现 来 实现 。Flash 动画 中 ， 镜 头 的 走 回 概括 起 来 有 推 、 拉 、 播 、 移 、 升 
( 降 ) 五 种 运动 类 型 。 

1. 推 镜 头 

推 镜 头 指 摄像 机 回 视 党 目标 推进 的 动作 。 推 镜头 可 以 连续 展现 人 物 动作 的 变化 过 程 ， 逐 
渐 从 形体 动作 推 回 脸 部 表情 或 动作 细 市 ， 有 助 于 揭示 人 物 的 内 心 活动 ， 和 常用 于 介绍 所 摄 对 象 
所 处 的 环境 。 随 着 镜头 回 前 推进 ， 环 境 空 间 逐 步 变 为 画面 中 的 主体 形象 。 其 作用 是 突出 主 
体 、 描 写 细 大， 使 所 强调 的 人 或 物 从 整个 环境 中 突现 出 来 ， 以 加 强 其 表现 力 。 在 《小 燕子 》 
MTYV 动画 的 前 矢部 分 ,我 们 使 用 了 此 方法 ,使 画面 慢 慢 地 推进 ， 最 后 呈现 出 动画 的 主角 ， 
让 小 燕子 及 和 人 画面 中 。 

2. 拉 镜 头 

拉 镜 头 与 推 锐 涉 相 反 ， 是 摄像 机 从 视觉 目标 回 远 处 拉动 的 动作 。 拉 镜头 的 视觉 效果 是 由 
近 及 远 ， 画 面 从 一 个 局 部 逐 半 扩展 ， 展 示 局 部 和 整体 之 间 的 联系 。 拉 镜头 具有 小 景 换 大 景 
造成 画面 向 后 运动 等 特点 ， 常 用 来 表现 主体 和 主体 所 处 环境 的 关系 ， 比 如 表现 主角 正 要 离开 
的 画面 ， 因 此 它 能 充分 调动 观众 对 整体 形象 的 想象 和 猜测 。 

3. 播 镜 头 

摇 镜 头 是 一 种 主观 性 的 镜头 ， 指 摄像 机 位 置 不 动 ， 通 过 水 平 或 垂直 移动 摄像 机 光学 镜头 
轴线 所 拍摄 的 镜头 ， 通 和 分 为 水 平 横 播 、 垂 直 纵 播 、 间 鞭 摇 ， 向 用 来 表现 运动 主体 的 动态 、 
动 热 、 运 动 方 器 和 运动 轨迹 等 。 在 《小 巷子 》 MTYV 动画 的 第 二 个 场景 画面 的 开头 部 分 ， 我 
们 使 用 了 此 方法 ,使 用 白云 和 下 面 风景 的 运动 来 表现 燕子 的 运动 ， 这 里 摄像 机 的 位 置 我 们 设 
定 是 始终 跟随 着 主角 “小 辣子 ”的 。 

4. 近景 

近景 是 表现 人 物 胸部 以 上 部 分 或 物体 局 部 的 画面 。 其 内 容 集中 到 主体 上 ， 画 面 的 空间 范 
围 极 其 有 限 ， 主 体 所 处 的 环境 空间 几乎 被 排除 画面 以 外 。 

S. 特 与 

特写 是 表现 人 物 或 物体 的 局 部 (如 脸 、 嘴 、 手 等 ) 的 画面 。 特 写 镜 头 有 强烈 的 主观 意 
识 ， 在 这 种 镜头 里 ， 观 众 能 够 非常 清楚 地 看 到 角色 对 象 的 细 和 ， 一 般 用 于 表现 角色 的 表情 变 
化 或 单个 物体 的 外 观 特征 。 在 《小 燕子 》 MTYV 动画 的 第 二 个 场景 画面 中 小 燕子 和 女 骇 拥抱 
在 一 起 的 画面 ， 我 们 使 用 了 特写 的 手法 ， 使 周围 的 环境 暗淡 起 来 ， 圆 形 显 示 小 燕子 和 女孩 在 

































































TO Re 


一 起 的 场景 ， 突 出 她 们 在 一 起 幸福 、 温 区 的 感 澳 。 





【项 目 说 明 )】 

本 项 目的 主要 内 容 是 使 用 Flash 的 相关 拉 术 制作 一 个 茶园 旅游 的 广告 动画 。 项 目 中 的 主 
要 界面 效 采 图 如 图 8. 56 所 示 。 人 简 济 淡雅 的 文字 配合 绿 缉 的 和 茶 理 给 人 安静 、 幽 思 的 意境 ， 吸 
引 人 们 前 去 游玩 、 品 对。 





男 Adobe Flash Player 11 [cole| 器 | 


ls i 
武 -总 展 wUYISHANCHAYUAN 
止 夷 山 众 品 茶 系 茶 农家 乐 旅游 








图 8.56 茶园 旅游 效果 图 


【 实现 过 程 】 


广告 创意 思 
0 离 不 开 好 的 广告 创 昔 。 茶 的 精髓 在 于 茶 香 ， 我 们 在 动画 中 近 
景 用 条 绿 继 的 烟 勾 起 观众 品 条 、 采 和 条、 农家乐 旅游 的 兴趣 ， 痛 景 图 请 为 烟 筋 脏 绕 的 条 山 景 
， 理 景 音 乐 为 古筝 由， 来 突显 茶 在 中 国 历史 上 幽 远 的 文化 定义 。 
2. 搜寻 素材 
好 的 取材 是 动画 成 功 的 保证 ， 动 画 中 的 系 材 一 部 分 我 们 可 以 自己 绘制 ， 男 一 部 分 我 们 也 
可 以 去 网 上 搜索 查找 适合 自己 动画 主题 的 和 率 材 ， 再 进行 处 理 。 本 案例 的 育 景 图片 和 茶 的 烟 气 
矢量 图 片 以 及 字体 “ 汉 仪 秀 英 体 ” 在 相关 网 站 上 下 载 。 
3. 设置 “文档 属性 ” 
启动 Adobe Flash CS6 后， 执行“ 文件 ”一 新建” 某 单 命令 ， 新 建 一 个 文档 ， 设 置 文档 
的 大 小 为 778 x372 人 像素， 背景 颜色 为 “黑色 ”。 执 行 “ 文 件 " 一 保存 ” 沫 单 俞 令 ， 将 新 文 
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4. 导入 、 处 理 素材 

E35 导入 图 片 厅 材 “ 茶 园 ”、“ 烟 筋 ”*"， 音乐 文件 “music. mp3” 到 “ 库 ” 中 。 新 建 图 形 
元 件 “ 烟 气 ”， 在 第 1 帧 处 将 图 片 “ 烟 雾 ” 拖 入 , 按 【Ctrl+B】 
键 分 离 图 形 ， 选 择 工 具 箱 中 “ 套 索 工具 ”中 的 “魔术 棒 ” 按 钮 
除去 多 余 的 部 分 ， 歼 果 如 网 8. 57 所 示 。 

RP> 新 建 影片 剪辑 “有 味 动 的 烟雾 ”。 在 第 1 帧 处 拖 和 元件 
“ 烟 气 ”， 分 别 在 第 35 帧 、 第 69 帧 处 搬 和 人 关键 帧 。 选 择 “ 变 形 工 
具 ”， 设 置 第 1 帧 处 实例 的 高 度 为 原来 高 度 的 一 半 , “色彩 效果 ” 
样式 为 “Alpha”， 取 值 为 “0%”。 向 上 移动 第 69 帧 处 的 实例 ， 
并 使 用 “变形 工具 ”对 其 进行 放大 ,设置 其 “色彩 效果 ”样式 
为 “Alpha”， 取 从 为 “3%”。 在 第 70 帧 处 插入 关键 帧 ， 设 置 实 
例 的 “色彩 效果 ”样式 为 “Alpha”， 取 值 为 “0%”。 分别 在 第 1 
帧 和 第 35 帧 之 间 ， 第 35 帧 和 第 69 帧 之 间 创 建 传统 补 间 动 画 ， 如 图 8. 58 所 示 。 








图 8.57 烟 气 效果 图 





图 8.58 元 件 “ 烟 缆 ” 图 层 设 置 


Ea 注意 : 烟 的 基本 运动 规律 是 底部 运动 剧烈 ， 上 部 运动 缓慢 ;在 攀升 过 程 中 ， 变 得 
越 淡 越 薄 ， 直 至 消失 。 同 时 ， 受 气流 影响 而 不 断 改变 形状 和 速度 。 烟 可 分 为 浓 烟 和 轻 











烟 ， 浓 烟 形 态 变 化 较 小 ， 消 失 较 慢 ， 常 用 一 团团 烟 球 在 整个 烟 体 内 上 下 翻 深 来 表现 ， 轻 
烟 密 度 小 ， 变 化 多 ， 消 失 快 ,动画 中 只 要 表现 整个 烟 的 外 形变 化 ， 如 拉 长 、 扭 曲 、 回 
沪 、 分 离 、 变 细 、 消 失 等 即 可 。 








S. 安 覆 字体 文件 ， 制 作文 字 
ED 如 图 8.59 所 示 ， 打 开 “ 控 制 面板 ”中 的 “字体 文件 夹 "， 复制 “ 系 材 ”文件 夹 内 
的 “ 汉 仪 秀 英 体 ”字体 文件 到 其 中 。 回 到 Flash 工作 窗口 ， 新 建 图 形 元 件 “ 茶 园 ”， 选 择 
“文本 工具 ” ， 设 置 字体 为 “ 汉 仪 秀 瑞 体 ”， 大 小 为 “45”， 颜 色 为 “#F6EBD5”。 在 第 1 帧 
输入 “了 武夷山 条 园 ”， 效 末 如 图 8. 60 所 示 。 























调整 ClearType 训 本 
查找 字符 


更 改 字 体 大 小 


号 请 参阅 
区 本 服务 和 办 人 语言 
个 性 化 











7 了 > 新 建 图 形 元 件 “ 英 文 "， 选 择 “ 文 本 工具 ”， 设 置 字 体 为 “Times New Roman”， 大 
小 为 “17 点 ”， 颜 色 为 “#F6EBD5”， 在 第 1 帧 输入 “WUYISHANCHAYUAN”。 新 建 图 形 元 
件 “ 品 茶 ”， 设 置 字 体 为 “华文 新 魏 ”"， 大 小 “17 点 ”， 颜 色 为 “#F6EBD5”， 在 第 1 帧 输入 
“ 品 茶 采 茶 ”农家乐 旅游 ”。 文 字 效 果 如 图 8. 60 所 示 。 








武夷 山茶 园 i 





图 8.60 相关 文字 效果 图 


6. 动画 制作 
EP 回 到 “场景 1” 中 ， 重 合 名 “图 层 1” 为 “ 缘 景 "。 在 第 1 帧 拖 入 图 片 “ 茶 园 
. png”， 属 性 设置 如 图 8. 61 所 示 ， 使 其 与 舞台 对 齐 。 
ES 新 建 图 层 “ 茶 园 ”。 在 第 1 帧 拖 人 元件 “茶园 ”， 放 在 背景 图 片 的 左上 方位 置 。 在 
第 10 帧 处 插入 关键 帧 ， 回 上 移动 第 1 帧 处 的 实例 到 硼 景 图 片 的 外 部 ， 设 置 实例 的 “色彩 效 
果 ” 样 式 为 “Alpha”， 取 值 为 “0%”。 在 第 1 帧 和 第 10 帧 中 间 创 建 传统 补 间 动画 。 单 击 
“绘图 纸 外 观 ” 按 钮 ， 可 以 更 加 清晰 地 看 到 其 动画 效果 的 设置 ， 如 图 8. 62 所 示 。 
ES 新 建 图 层 “ 英 文 ” 。 在 第 10 帧 插入 空白 关键 帧 拖 入 元 件 “ 英 文 "， 如 图 8. 63 所 示 ， 
放 在 文字 “武夷 山茶 园 ” 的 右边 ， 在 第 20 帧 处 插入 关键 帧 ， 疝 右 移 动 第 10 帧 处 的 实例 一 
段 距 离 ， 设 置 实例 的 “色彩 效果 ”样式 为 “Alpha”， 取 值 为 “0%”， 在 第 10 帧 和 第 20 帧 
中 间 创 建 传统 补 间 动 画 。 单 击 “ 绘 图 纸 外 观 ” 按 钮 ， 可 以 更 加 清晰 地 看 到 其 动画 效果 的 设 
置 ， 如 图 8. 63 所 示 。 
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Et 
区 | 位 图 


忒 例 : 茶园.png 交换 .。 
位 置 和 大小 
x: .0 站: 的 
=3 寅 : 778.00 厨 3 


图 8.61 背景 图 片 大 小 位 置 设 置 


武夷 出 茶园 





图 8.62 文字 效果 (1) 


AL 
= 趴 | | 全 车站 TIETYTRETTCT 





图 8.63 文字 效果 (2) 





S57 新 建 图 层 “ 品 茶 ”。 在 第 20 帧 插入 空白 关键 帧 拖 和 元件 “ 品 茶 " ， 如 图 8. 64 所 示 。 
守则 放 在 文字 “武夷 山茶 园 ” 的 右 侧 ， 在 第 30 帧 处 搬入 关键 帧 ， 向 下 移动 第 20 帧 处 的 实例 一 
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段 距离 ， 设 置 实例 的 “色彩 效果 ”样式 为 “Alpha”， 取 值 为 “0%”， 在 第 20 帆 和 第 30 帧 


中 间 创 建 传统 补 间 动 画 。 单 击 “ 绘 图 纸 外 观 ” 按 钮 ， 可 以 更 加 清晰 地 看 到 其 动画 效果 的 设 
置 ， 如 图 8. 64 所 示 。 


武 WITYISHANCHAYITAN 
止 壹 山谷 全 元 全 革 站 a 妹 示 社 漳 





图 8.64 文字 效果 (3) 


ES 新 建 图 屋 “ 烟 1”,。 在 第 1 帧 拖 和 元件“ 烟雾 ”， 放 在 一 个 茶杯 的 上 侧 ， 如 图 8. 65 
新 建 图 层 “ 烟 2”， 在 第 1 帧 拖 和 元件 “烟雾 "， 放 在 男 外 一 个 茶杯 的 上 侧 。 按 照 此 方 

， 分 别 在 茶 赤 和 四 个 茶杯 的 上 方 放置 元 件 “ 烟 和 雾 *。 其 图 层 设 置 和 放置 方法 如 图 8. 65 
本 
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图 8.65 “烟雾 ”放置 效果 
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YB 新 建 图 层 “music”。 在 第 1 帧 拖 入 文件 “music. mp3”， 因 为 音乐 为 背景 首 乐 ， 所 
以 设置 其 同步 方式 为 “事件 ”， 如 图 8. 66 所 示 。 





> 户 音 


名 称 : 


关 果 ae es 


44 kHz 立 性 百 直人 位 253 种 3... 
图 8.66 声音 的 设置 
【 技术 讲解 】 


A Flash 商业 广告 的 设计 原则 及 要 素 


告 是 为 了 某 种 特定 的 需要 ， 通 过 一 定形 式 的 媒体 ， 并 消耗 一 定 的 费用 ， 公 开 且 广泛 地 
向 公众 传递 信息 的 宣传 手段 。 把 握 主 题 是 Flash 商业 广告 设计 的 原则 。 无 论 什么 样 的 广告 都 
一 定 会 有 一 个 主题 ， 也 就 是 它 要 宣传 什么 ， 硕 望 从 广告 的 宣传 中 得 到 什么 ， 所 以 在 制作 商业 
广告 时 一 定 要 把 握 主题 ， 根 据 主题 进行 制作 。 


Flash 商业 广告 的 构成 要 素 


Flash 商业 广告 的 构成 要 素 主 要 包括 整体 构思 、 色 彩 及 结构 的 搭配 三 大 方面 。 

1. 整体 构思 

在 制作 Flash 商业 广告 前 ， 需 要 有 一 个 关于 广告 内 容 的 整体 构思 ， 包 括 应 使 用 什么 样 的 
广告 手法 、 如 何 突出 广告 主题 等 。 在 整体 构思 时 ， 我 们 可 以 把 初步 的 设想 画 在 纸 上 ， 这 样 能 
对 广告 效果 有 一 个 比较 直观 的 概念 ， 并 对 其 修改 ， 直 到 满意 为 止 ， 再 使 用 Flash 制作 。 

2. 色彩 

色彩 在 广告 中 以 其 单纯 和 人 鲜明 的 对 比 关 系 ， 或 色彩 绚丽 等 格调 创造 出 不 俗 的 视 党 效 末 ， 
起 着 感染 情绪 、 增 强 视 觉 冲击 力 、 说 服 力 和 感染 力 的 作用 。 色 彩 本 里 是 没有 灵 现 的 ， 它 只 是 
一 种 物理 现象 ， 但 人 们 却 能 感受 到 色彩 的 感 ， 这 是 因为 人 们 长 期 生活 在 一 个 色彩 的 世界 中 ， 
积累 春 许 多 视觉 经 验 ， 一 旦 视觉 经 验 与 外 来 色彩 刺激 发 生 一 定 的 呼应 时 ， 就 会 在 人 的 心理 上 
引出 某 种 情绪 。 

不 同 的 色彩 会 对 人 造成 不 同 的 生理 反应 ， 这 一 点 已 被 科学 所 证 实 。 红 色 、 栖 色 和 黄色 使 
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人 联想 到 火 和 阳光 ， 因 而 被 称 为 暖色 。 而 赣 色 、 绿 色 、 青 色 等 让 人 联想 到 天 空 、 大 海 、 青 山 
等 ， 而 被 称 为 冷色 。 上 暖色 有 癌 外 膨胀 的 感觉 ， 冷 色 则 有 回 里 收缩 的 趋势 。 此 外 ， 色 彩 还 会 让 
人 产生 强 罚 、 进 退 、 轻 重 等 感光 刺激 。 

3. 结构 的 搭配 

结构 的 搭配 在 Flash 广告 中 显得 尤为 重要 。 在 结构 的 搭配 上 应 注意 不 要 使 版 面 的 结构 太 
拥挤 ， 应 给 人 以 清新 、 明 快 的 感 党 ， 不 要 使 人 感到 压抑 。 











.5 (魔法 精灵 接 宝物 》 网 页 游戏 “ 项目 


【项 目 说 明 】 


本 项 目 主 要 是 使 用 Flash AS3. 0 的 相关 技术 设计 并 制作 的 《 广 法 精灵 接 宝物 》 网 页 游戏 
项 目 。 本 游戏 开始 玩家 可 以 对 角色 进行 选择 ， 通 过 键盘 对 人 物 的 动作 进行 控制 ， 系 统 目 动 计 
时 。 游 戏 结束 时 显示 本 次 游戏 的 得 分 ， 可 重新 再 开始 游戏 。 项 目 中 的 主要 界面 效果 图 如 
图 8. 67 所 示 。 





[ 画 ^ Adobe Flash Player 1 ne Ee x Adobe Flash Player 11 ae Eo xh 
文件 (Fi 查看 (W) 控制 (C) 一 一 文件 (中 “查看 (V) “控制 (C) 一 一 


| € 
EE 最 























图 8.67 游戏 中 的 主要 界面 效果 图 


【 实现 过 程 】 
1. 游戏 的 整体 规划 





在 制作 一 个 游戏 之 前 ， 必 须 先 要 有 一 个 游戏 的 整体 规划 或 者 设计 方案 。 游 戏 的 整体 规划 





2 


广 教 你 轻松 玩 转 Flash CS6 一 一 动画 制作 入 门 与 进 阶 


可 以 帮助 制作 者 做 到 心中 有 数 ， 安 排 好 工作 进度 和 分 工 ， 这 样 制 作 开 发 起 来 就 会 事 半 功 信 ，; 





切忌 边 做 边 想 ， 这 样 会 浪费 大 量 的 时 间 和 精力 ， 甚 至 会 半途 而 废 。 
本 游戏 是 一 个 计 分 性 质 的 娱乐 小 游戏 ， 基 本 的 内 容 为 : 天 上 随机 落下 宝物 ， 由 键盘 控制 


地 上 小 人 的 运动 接 宝物 ， 每 种 宝物 有 不 同 的 分 值 ， 
系统 设 定 游戏 时 间 ， 对 玩家 进行 积分 ， 具 体 的 游 
戏 运行 过 程 如 图 8. 68 所 示 。 

2. 游戏 中 类 的 设计 

启动 Adobe Flash CS6 后 ,执行 “文件 ”一 “新 
建 ” 菜 单 命令 ， 在 打开 的 “新 建文 档 ”对话 框 中 
的 “和 常规 ”选项 卡 中 选择 “ActionScript 3.0” 选 
项 ， 新 建 一 个 文档 ,设置 文档 的 大 小 为 550 x 400 
像素 ， 彰 景 颜色 为 “日 色 ”。 执 行 “ 文 件 ” 一” 
存 ” 采 单 命令 ， 将 新 文档 保存 ， 命 名 为 “魔法 精 
灵 接 宝物 ”。 在 Flash 文件 的 同一 目录 下 建立 文件 










人 物 出 现 ， 系 统 开 
人 时 ， 天 上 


显示 分 数 ， 按 钮 重 
新 开始 
时 间 到 ， 天 上 停 
止 掉 宝 物 


i 
ss 








游戏 右上 角 计 分 


来 66 classes” | 如 图 &. 69 所 示 。 图 8. 08 游戏 的 主要 运行 过 程 
局 classes 旧 Images 
有 素材 | 价 磨 去 情 录 接 宝物 fla 
膀 法 精灵 接 宝物 ,swf 
图 8.69 游戏 文档 的 建立 


通过 对 游戏 的 具体 内 容 和 运行 过 程 的 分 析 ， 设 计 出 如 图 8. 70 所 示 的 基本 类 ， 文 件 放 在 


文件 夹 “classes” 内 。 






































bgmusic.as gamecontrol.as GameEnd.as getScore.as getSscorel0.as Ee 
Jin.as Jin2,.as music2,.as Rolel.as Rolez.as star.as 
图 8.70 游戏 中 类 的 设计 
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ESESJS 角色 1 的 类 Rolel 如 图 8. 71 所 示 ， 需 要 有 方法 speed， 角 色 的 运动 通过 键盘 来 进行 
控制 ， 角 色 有 “ 跑 ”、“ 跳 “站 ”三 种 动作 。 函 数 “range( ) ”对 角色 水 平方 向 上 的 运动 
范围 进行 控制 。 


ep 


packapge classes! 

import flash. display. Mowietlip: 
import flash. displav. Stage. 

1mport flash. events,. Event: 

import flash,. uli. Mouse.: 

import flash. events,. MouseEwent: 
import flash,. uli. kevboard.: 

import flash, evernts,. kevboardEwvent: 
public class Rolel extends Mowietlip 
{ 








public war speed:Mumber: 

洛 构 造 国 数 

public fmction Rolel :woid I 
init ne). 


} 


public fumction init rt) :woid! 
speed =6. 
this. addEventListener tEvent,. ENTER FRAME, onFrameHandler’) :} 
private function onFrameHandler tewent :Event):woid | 
this. stage. addEventListener keyboardEwvent. KEY DOWN, onkeyDownHandler) ;} 
public function onkeyDowmHandlerte:KeyvboardEwvent}:woid I 
switch te.keviode) { 
case Kevboard.LEFT: 
this. scalein=—1. 
this. -=speed. 
this. eotobndStopt" rur 1 ， 
break ; 
case 及 BYyboard. RICHT: 
this. acalen=1]. 
this. +=-speed. 
this. gotobmndstopt” rar ] ， 
bresak : 
case Kewvboard,. UP: 
this. entobmndstopt” jump”}: 
break ; 
deftault: 
this. eotobndSstopt" stand”). 
break.: 
} 
if te. keviode==38) | 
speed = l12: 
} else { 
3peed = 日 : 


ranee ty : 


public function raneet):woid f 
if tthis.x>»5d0) I 
this.x = 6540.: 
} 
if tthis.xw<10) I 
this.x = 10: 





图 8.71 类 Rolel 的 实现 


ES 角色 2 的 类 Role2 如 图 8.72 所 示 ， 这 里 角色 2 的 功能 通过 对 角色 1 的 继承 进行 
实现 。 

ER 宝物 1 的 类 jin 的 代码 实现 如 网 8.73 所 示 ， 其 中 宝物 的 分 值 “count” 属性 设置 为 
“public”， 值 为 “50”， 以 便 在 游戏 的 主要 程序 中 调用 。 为 了 碰撞 检测 方便 ， 在 这 里 构造 函 
数 使 用 了 参数 ， 
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一 


DacEage classes | 
Import flash. displaw. Mowieclip: 
import flash,. display. Staege. 
import tlash. events, Ewvent.: 
import flash.ui. Mouse: 
import flash. events,. MouseEwent: 
import flash.ui. Fevboard. 
import tlash. events,. kevboardEwvent. 
public class Role2? extends classes.Rolell 
public function Role2t) f 
init ty 


A fa 


i 


public powerride function onkeyDomHandlertie:KkeyboardEwent}:woid 1 
switch te. kevyCode)y 二 
case Kevboard,.LEFT: 
this. scalei=—1. 
this,. x-=speed: 
this. eotohndStopt” rum ). 
break. 
case kevboard.RIsHT: 
this. scaleR=1]: 
this,. x+=speed.: 
this. eoctohndstopt” rum ). 
bresal ; 
case Kevboard. UP : 
this. eotobndStopt” jump 1 : 
break. 
daefault: 
this. eotobnd3stopt" stand”). 
break: 
} 


raneety. 


4 
国 
国 


Co Lu CI 


[| 
—4 





图 8.72 类 Role2 的 实现 


op 


] packaege classes { 

之 import flash. display,. JowIec1ID: 
3 import flash. evernts,. Ewvernt: 

4 public class jin extends MowieClip | 
5 private war speed: umber.: 
6B 

了 

妆 





private war baslc_speediIJunber 
private war pl:Rolel.: 
public war count:NMumber.: 


9 

10 public function jintp:Rolel):woid { 

11 

l2 basic_ speed =3: 

13 this.xw =50+Nath. randomt) yzd5n0 

]4 this.w = -15: 

15 speed = basic speed+ath randomt) *50,10: 
16 basic_ speedt=0. 03: 

17 cournt=50. 

18 pl=p. 

19 this. addEwventListener tEvent, ENTER FRAME, onFrameHandler): 
20 } 

21 

昌 电 

2 priwvate function bnFrameHardlerfewert :Errenty :sroIzd | 
2 本 this,.w += speed: 

昌国 ] 

之 站 } 

el 

Ee} 

号 门 


图 8.73 ”类 jin 的 实现 
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民 7 参 : 宝物 2 的 类 jin2 的 代码 实现 如 图 8.74 所 示 ， 宝 物 的 分 值 “count” 属性 设置 为 
“publie”， 值 为 “20”， 以 便 在 游戏 的 主要 程序 中 调用 。 按 此 方法 设计 实现 宝物 3 的 类 
“ tar” ， 分 值 “count2” 属性 值 为 SIO” 


a 
packare classes | 
import flash. displayw. MowieClip.: 
import flash,. events,. Event: 
public class jin2 extends MowieClip { 
public war speed: Mimber: 
private war basic_ speed: Mmber.: 
private war pl:Rolel: 
public war count :了 amnber : 
public function jin2ip:Rolel)y 1 
basic_ speed =3: 
this.x =20+Nath. random't)*d450.: 
this.w = -15: 
speed = basic speed+ath randomt)} *50/10. 
basic_ speedt=0.1: 
count=20. 
Pl=p. 
this. addEventListener (Ewvent,. ENTER FRANME, onFrameHandler) :i// constructor code 





1 
private function onFrameHandler (ewent :Event) :woid { 
this.¥Y += speed. 





图 8.74 类 jin2 的 实现 


虹 古 > 游戏 结束 类 GameEnd 的 代码 实现 如 图 8.75 所 示 ， 属性 bl 用 来 返回 玩家 是 否 重 新 
开始 程序 的 选择 ， 通 过 构造 晒 数 传递 游戏 的 得 分 ， 在 此 类 中 的 动态 文本 txtscore 中 实现 。 


,ed 
Package classes { 

lmport flash, ewente,w*. 

lmport flash. display. MowieClip| 

public class GameEnd extends MowieClip | 





LO PH- 一 


CT 心 


[| 


Public war bl:Boolean.: 

public function GameEndixl:Striney { 
txtscore. text=xl]: 
btnRestart. addEwentListener tMouseEwvent. CLICK, onClickHandler) : 
bl=false. 


[| 


| 


es 


Private function onClickHandler te:MouseEwent) :woid! 
bl=true: 
this, wisible=false.: 





图 8.75 类 GameEnd 的 实现 


ET》 游戏 控制 类 CameControl 的 代码 实现 。 属 性 myTimer、mt、mt2 来 实现 游戏 的 定时 ， 
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属性 myArray 、array2 、array3 、array4 用 来 存放 动态 加 载 到 舞台 上 的 对 象 。 其 构造 函数 和 基 
本 属性 的 定义 如 图 8.76 所 示 。 


Package classes | 
moort flash. ewernts.*. 
import flash. displayv. Mowliet lip. 
lmport flash,. display. Stace.: 
lmport flash.ui. Mouse. 
Import flash.utils,. TImer : 
import flash.media. Sound: 
1mport flash,. net, UFRLReguest. 
Import flash. displayw. Displavwibject.: 





Le 


Hd 


| 


public class eamecontrol extends Mowietlip { 
priwvate war myTimer: Timer=new Timer (1000). 
Driwvate Var mt:Timer=new Timer 500): 
private war mt2:Timer=new Timer (500): 
private Var mrhrrav: brrar—new Lrravty): 
private var arrav2: brrav=new brravt): 
private Var arrayd: brray =new Lrravi).: 
priwvate war arravd: brray—=new Lrravt).: 
priwvate war a:Rolel. 
Drivate var c:Role2: 
private war J]inl: in : 
private var starl: star. 
Private war ]1n3: 1in2. 
private Var intTime: Number.: 
Private Yar intscore:Number. 
priwvate war Showscore: eetscore.: 
Drivate var ShowSscore2a:eetscore20. 
priwvate war Showscored:eetScorelD: 
private war 1fchosel:Boolean.: 
Private war ]:1nt. 
private war 1:1nt. 
private Yar soundFile: URLRKeguest.: 
priwvate war mus1ic bgl:bgmusLe ; 
private var music bea2:msice. 
private Yar gameend:sameEnd. 


加 


[| 
Cn 心 Cu 


[| 
iy 


public fumction eamecontrolr) | 
time _c,.text=" 30°": 
1nt Time=30. 
1nt score=0: 
btnl. addEwvrentListener tMouseEwvent. CLICK, onClickHandler): 
btn2. addEventListener (MouseEwvent. CLICK, onclickHandler2) : 
} 


| 
| 





8.76 类 GameControl 构造 项 数 的 实现 


人 物 选 择 按钮 功能 的 实现 在 函数 onClickHandler 和 onClickHandler2 中 ， 滑 数 onClickHan- 
dler 的 具体 代码 如 图 8. 77 所 示 。 

疯 数 onTimeHandler 主要 实现 时 间 的 判断 和 计时 ， 宝物 的 初始 化 功能 ， 具体 的 代码 如 
图 8. 78 所 示 。 

为数 onMTHandler 主要 实现 宝物 和 任务 角色 的 碰撞 检测 、 洲 戏 加 分 的 功能 ， 其 部 分 代码 
如 图 8. 79 所 示 。 

国 数 onMTHandler2 主要 实现 游戏 的 重新 开始 功能 ， 其 具体 代码 如 图 8. 80 所 示 。 


230 
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55 
56 
57 
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59 
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private function onclickHandler te:MouseEwvent) :woidl 
btn2. wisible=false: 
btnl.wisible=ftalse: 
rolebe,. wisible=ftalse: 
lfchosel=true. 
a=new Rolelr).: 
34. K=300. 
3. YY 一 6D 
addchIildkal . 
array2,. pushia): 
mYTimer. addEwventListener tTimerEwent. TINER, onTimerHandler).: 
mYTimer. start ) : 
mt. addEwventListener (TimerEwent, TINER, omnMITHandler): 
mt. start £). 
music bel=new bemsict).: 
msic bel.play t(D: 
} 


~ 


8.77 函数 onClickHandler 的 代码 


private function onTimerHandler (ewent: TimerEwent) :woidl 
intTime=intTime-—!1. 
time_c.text=intTime.toStrinet): 
if tintTime==0) 1{ 
mYTimer. remowveEwventListener (TimerEwvent, TIMER, onTimerHandler).: 
mt. remowveEwventListener tTimerEwvent. TIWNER, onMTHandler): 
Zameend=new GameEndtint score. toStrine t)). 
addchildtieameend) : 
Zameend. x=this,. stage,. stageWidth/ 2—92: 
Eameend. y=this,. staee, stageHeight/ 2—80. 
mt2. addEventListener tTimerEwent. TIMNER, onMTHandler2).: 
mt2.startt}: 1} 
if tifchosel==true) 1 
jinl=new jinta).: 
addchildfrjinly : 
Tiyartrayr。 Dushrjinli : 
starl=new starta). 
addchildistarl).: 
artray3. pushtstarl’: 
jin3=new jin2 ia): 
addchildfrjin3y : 
arrayd. pushtijin3) : 
ELsei 
jinl=new jinfc)y : 
addchildfrjinly : 
Tarrayr。 pushtjinl, : 
starl=new starfel : 
addchildistarl).: 
artray3. pushtstarl’: 
jin3=new jin2 toe): 
addchildtijin3). 
arrasyd. push tijin3) : 
】 
forti=0; i<myhrray. leneth: i++t) 1 
if tmybrray [i].yw > 400)1 
remoweChildimyirrav [il]).: 
mvhrray. spliceti,1): } 1} 
for ti=0: i<arrayd, leneth: i++) 1 
if tarrayv3[i]l.y > 400)1 
remowveChildtiarray3[i]): 
arrav3. splice (i, 1); 1 


forti=0: i<arravd. lenzth; i++) | 
if tarrayd [i].w > 400) 1 
remoweChildiarrayd [i]): 
arravd. splice (i, 1}: } 


图 8.78 函数 onTimeHandler 的 代码 
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private tunction omlHandler ie: Limerkwvent}) :woldl 
If tifchosel==true) { 
for 1j=0: j<mrhrray. leneth: 1++) { 
if tmrhrrav[j].hitTestoObject ay it 
music be2=new msic2: 
music be2.plawr td,1).: 
intscore=]1inl. count+int score. 
mY_ 2co0re,. text=intscore, toStrine tk): 
Showscore=new getScoret).: 
addchildiShow3core).: 
ShowScore,. X=a. 区 : 
ShowSscore, Y=a. YY. 
remoweChildimrhrrayv [i])}: 
myhrrayv. spliceti,1;; 1} 1 
for 【=D0; jxarrayr3. leneth: ] 二 HT 
if farray3[j].hitTestDbjectr al) | 
lntscore=astarl, comt+int score. 
mY_ score.text=intscore. to3trinet): 
Showscore3=new eetScorelD i): 
addchildiShowseore3l . 
howscored. x=a. Xx. 
ShowScored. y=a,. wy. 
remoweChildiarrav3[i]): 
array3. splice tj], 1): 


} 
} 
for (j=0: jgarrayd. leneth: ++) { 
if tarrawd[j].hitTestobject ta)) { 
1nt score=]1n3. count+int score. 
Tiy score. text=intscore,. to3trine ty): 
Show3core2=new getascore20 it). 
addchIldkShow3Score2) : 
ShowScore2,. =a,. Xx. 
howscorea, =a. YY. 
remowvethildiarrayvd [jij];: 
artayrd. splicet], 1): 
} 
} 
1 
It tifchosel==falze) { 


图 8.79 ”函数 onMTHandler 的 部 分 代码 


3. 游戏 中 主要 元 件 与 代码 的 关联 
i 音 文件 。 在 这 里 每 个 角色 有 三 个 动作 图 片 “ 奔 
、“ 站 立 ” 和 “弹跳 ”。 
i 创建 影片 剪辑 “人 物 1"。 在 “人 物 ” 图 层 搬 和 三 个 空白 关键 帧 ， 分 别 放 入 “人 物 
1 站 ”、“ 人 物 1 跑 ” 和 “人 物 1 跳 ” 三 个 元 件 ， 如 图 8. 81 所 示 。 新 建 “as” 图 层 ， 在 第 一 
帧 处 添加 代码 “stop( );” 选 中 图 层 “ 人 物 ” 第 1 帧 ， 打 开 “ 属 性 ” 面板 ， Vs 82 所 示 
设置 帧 名 称 为 “stand”， 授 此 方法 ， 对 第 2 帧 、 第 3 帧 设置 名 称 “run”、 “jump”。 在 “ 库 ” 
中 选中 元 件 “ 人 物 1”， 单 击 鼠 标 右键 选择 “属性 ”， 进 行 如 图 8. 83 所 示 的 设置 完成 元 件 和 
类 的 链接 。 




















priwvate function onMTHandler2 te: TimerEwvent) IDIdT 

if teameend.bl==true) 1{ 

zameend. bl=false. 
this, remowveChildieameend) : 
if tifchosel==true) 
this. remowetChildta) : 

已 全 已 

this, remoweChildticy): 
btnl. remowveEwentListener (MouseEwent. CLICK, ontlickHandler’) : 
btn2, remowveEwrentListener (MouzseEwrent,. CLICK, ontlickHandler2). 
time c.text=" 30°™. 
int Time=30: 
1int score=0: 
mY_score.text=intscore. toStrinet): 
btn2. wisible=true. 
btnl. wisible=true: 
rolebe. wis1ilble=true. 
btnl. addEventListener (MouseEwent. CLICK, onClickHandler) : 
btn2. addEwventListener tMouseEwent. CLICK, onclickHandler2): 
mt2. remoweEwentListener (TimerEwernt. TIMER, onMTHandler2): 


} 





图 8.80 函数 onMTHandler2 的 代码 





图 8.81 元件“ 人物 1” 的 效果 图 图 8.82 帧 的 命名 


EBX 参考 元 件 “ 人 物 1” 的 方法 创建 影片 剪辑 “人 物 2”, 设置 元 件 元 件 和 类 
“Role. as” 链 接 。 元 件 “ 人 物 2” 的 效果 图 如 图 8. 84 所 示 。 

3P> 创建 元 件 “ 宝 物 1”、“ 宝 物 2” 和 “宝物 3”， 其 效果 图 如 图 8. 85 所 示 ， 并 设置 其 
分 别 和 类 “jin. as”、“jin2. as” 和 “star. as” 进行 链接 。 

E> 创建 影片 剪辑 “分 数 50”。 选 择 “ 文 本 工具 ”, 输入 “+50”,， 设置 颜色 为 “ 红 
色 ”， 并 设置 其 “ 滤 镜 模糊 ”效果 。 按 此 方法 创建 元 件 “ 分 数 20”、“ 分 数 10”。 

ET 创建 影片 剪 男 “分 数 显示 50”。 拖 和 元件“ 分 数 50”， 分别 在 第 7 帧 、20 帧 和 27 
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元 件 属性 








确定 
消 


类 型 (站 :| 影片 前 辑 | | 


| 高 加 ™ 
口 启用 3 切片 策 放 比例 辅助 诗 (G) 
Actionscript 桥接 
车 为 Actionscript 导出 (0 
藻 在 第 1 帆 中 导出 
Wb 


(oosesRoel || 加 





区 
图 8.84 元 件 “ 人 物 2” 的 效果 图 图 8.85 宝物 的 效果 图 


帧 处 插入 关键 帧 。 设 置 第 1 帧 处 的 “Alpha 值 ” 为 “0% ”， 分 别 依次 上 移 第 20 帧 和 27 帧 处 
的 实例 位 置 ， 分 别 在 第 1 帧 和 第 7 帧 中 间 、 第 7 帧 和 第 20 帧 中 间 、 第 20 帧 和 第 27 帧 中 间 
创建 传统 补 间 动画 ， 其 时 间 轴 的 设置 如 网 8. 86 所 示 。 选 中 “ 库 ” 中 元 件 “ 分 数 显示 50”， 
设置 属性 “类 定义 ”为 “classes. getScore”， 单 击 后 面 的 “编辑 类 定义 ”按钮 ， 打 开 此 类 的 


定义 面板 ,保存 为 “getScore. as” 文 件 。 
ES 参照 影片 剪辑 “分 数 显 示 50” 的 方法 ,创建 元 件 “ 分 数 显示 20” 和 “分 数 显 





不 10 O 
EGR 创建 按钮 元 件 “ 人 物 选 择 按钮 1” 和 “人 物 选择 按钮 2”。 其 效果 如 图 8. 87 所 示 。 














过 





国名 
魔法 精灵 接 宝 牺 .fla* x 
二 场景 1 图 分数 显示 50 


| | 本 | bl hl 






= 





0 


图 8.86 影片 剪辑 “分 数 显示 50” 的 效果 图 





之 场景 1 周作 物 选择 按钮 1 





图 8.87 “人 物 选 择 按钮 1” 效 果 图 


IE 创建 影 由 “游戏 结束 ”， 其 效果 如 图 8. 88 所 示 ， 设 置 其 上 面 的 分 数 文 本 框 为 
动态 文本 ， a “txtscore”， 设 置 元 件 和 类 “GameEnd. as” 进行 关联 。 参 照 影片 剪辑 
“游戏 结束 ”， 创 建 影 叶 “ 人 物 选 择 背 景 ”。 





图 8.88 影片 剪辑 “游戏 结束 ”效果 图 
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4. 游戏 主场 景 的 设置 
57B> 切换 到 面板 “场景 1”， 对 游戏 的 主场 景 进行 设置 ， 效 果 如 图 8. 89 所 示 。 设 置 时 间 
显示 和 分 数 显示 文本 框 类 型 为 “动态 文本 ”"， 分 别 命名 为 “time_c” 和 “my_score”。 为 元 
件 “人 物 选 择 背景 ”命名 为 “rolebg"。 



































we 和 和 和 站 有 

品 时 间 显 示 围 出 
司 分 数 显示 画册 
司 人 物 选择 忆 图 儿 
司 信物 选择 .… 口 

| 

魔法 精 肝 接 宝 牺 .fs 
曾 场 及 1 


Ae 择 


| C3 





图 8. 89 ”游戏 主场 景 效果 图 


EP> 打开 “属性 ”面板 , 设置 “类 ”的 内 容 为 “classes. gamecontrol”， 使 其 和 类 建立 
关联 ， 如 图 8. 90 所 示 。 








Fl 
魔法 精灵 接 宝物 fla 


wz 发 布 
配置 女 件 : 默认 
| 发 布设 置 .。 | 





图 8.90 文档 类 的 设置 


【技术 讲解 】 


Flash 中 ActionScript 代码 的 位 置 





早期 版 本 的 ActionSeript 代码 可 以 写 在 帧 、 按 钮 、 影 片 剪 辑 、as 文件 等 位 置 ， 而 Flash 


第 8 章 综合 能 力 进 阶 村 


Action Script 3.0 代码 的 位 置 发 生 了 重大 的 改变 ， 只 能 写 在 帧 或 者 as 文件 中 。 虽 然 Flash 
Action Script 3. 0 文 持 把 代码 写 在 时 间 轴 中 ， 但 在 实际 应 用 中 ， 如 果 把 很 多 的 代码 放 在 时 间 
轴 中 ， 会 导致 代码 很 难 管理 。 用 元 件 类 来 组 织 大 量 的 代码 更 为 合适 ， 因 为 类 代码 都 是 放 在 as 
文件 中 的 ， 本 案例 中 使 用 的 也 是 此 方法 ， 这 样 可 以 实现 美工 和 代码 相 分 离 的 效果 。 

把 代码 放 在 as 文件 内 ,一 般 的 使 用 方法 是 创建 相关 的 类 ， 再 引入 到 “. fla” 的 源 文件 
内 。 引 入 as 文件 的 方法 ， 篆 见 的 有 下 面 两 种 。 

1. 使 用 include 来 导入 代码 

下 面 举 个 例子 来 说 明 这 种 方法 的 使 用 。 

1) 打开 Flash 新 建 一 个 文档 ， 保 存 为 “drag_inclue. fla”， 在 场景 中 创建 一 个 影片 剪辑 ， 
在 其 中 绘制 一 个 圆 球 ， 将 其 从 库 中 拖 动 到 舞台 上 ， 并 在 舞台 上 将 其 命名 为 “circle_mc”。 

2) 新 建 一 个 ActionScript 文件 ， 保 存 名 为 “drag_ include. as”，, 与 “drag_ include. fla” 
在 同一 路 径 下 。 输 入 如 图 8. 91 所 示 的 代码 。 











1 设置 当 光 标 称 到 circle_rmc 上 时 显示 手 形 

circle_mc.buttonkiode = true: 

// 侦 听 事件 
circle_mc.addEventListener(MouseEvent.CLICK,ondclick): 
circle_mc.addEventListener(MouseEvent.MOUSE_ DOWN,onDown): 
circle_mc.addEventListener(MouseEvyent.MOUSE UP,onUp): 
作 定 六 onClick 事 忻 

function onClick(levent:MouseEvent):vodt 

tracef Circle clicked™); 

+ 

人 | 定 风 onDown 事 忻 

furnction onDown(event:MouseEvent}:vodt 
circle_me.startDragi; 

+ 

function onUplevent:MouseEvent}:yvoldt 
circle_mec.stopDragO): 


} 


8.91 drag_include. as 代码 


3) 回 到 “drag_include.fla” 文 件 中 ,在 第 1 帧 上 输入 如 下 代码 : include "drae_ 
include. as" 。 测 试 影片 即 可 以 看 到 效果 了 了 ， 

2. 使 用 元 件 类 来 组 织 代码 

这 里 所 说 的 元 件 类 ， 实 际 是 指 为 Flash 文件 库 中 的 元 件 指 定 一 个 链接 类 名 。 它 与 上 面 的 
例子 的 不 同 之 处 在 于 ， 它 使 用 的 是 严格 的 面向 对 象 思想 ， 将 运动 对 象 的 功能 封装 起 来 ， 这 样 
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不 论 创建 多 少 个 对 象 ， 都 会 变 得 很 轻松 ， 只 需要 创建 它 的 实例 并 显示 出 来 即 可 。 本 游戏 使 用 
的 就 是 这 种 方法 ， 此 处 不 绸 举例 。 


- ActionScript 3. 0 中 类 的 继承 


继承 是 指 面 问 对 象 技术 中 一 种 代码 重用 的 形式 ， 人 允许 程序 员 基 于 现 有 类 开发 新 类 。 现 有 
类 通常 称 为 “其 类 ”或 “ 超 类 ”， 新 类 通常 称 为 “ 子 类 ”。 继承 的 主要 优势 是 ， 允 许 重复 使 
用 基 类 中 的 代码 ， 不 要 求 改变 其 他 类 与 基 类 交互 的 方式 。 不 必修 改 可 能 已 彻底 测试 过 或 可 能 
已 被 使 用 的 现 有 类 ,使 用 继承 可 将 该 类 视 为 一 个 集成 模块 ， 可 使 用 其 他 属性 或 方法 对 它 进行 
扩展 。 在 Action Script 3. 0 中 使 用 “extends” 关 键 字 指明 类 从 男 一 类 继承 
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